Error with calling getElementByID call from a dynamic list

Hi,

I am creating dynamic list in the server through php and insert it using ajax.

for ajax I using the following statement:

document.getElementById(list_name_id).innerHTML=xm lHttp.responseText ;

until now everything is OK the list is builds correctly. but when I use the
document.getElementById(call_list_id).options.valu e I got an error saing "value is null or it is not an object" It seems that object list ID is null. Although when I was created the list I added a statement to the select "id=xxx".

Any suggestions how to solve this issue.

Here is my code:

Expand|Select|Wrap|Line Numbers

 <html>
 
<head>
 
<title></title>

<script language="javascript" type="text/javascript">
 
var last_model_category_selected="none";

var last_manufacture_selected="none";

var last_model_type_selected="none";

var last_model_name_selected="none";

var url_base="http://192.168.2.6:8080/src/autocomplete/create_generic_listbox.php?";
 
function buildList(call_list_id,list_name_id)

{ 

//call_list_id - The  div that calls the function

//list_name_id - the id of the list to be created

// 

// Remember the value select in category list
 
var url;
 
if (call_list_id == "modelCategory" ) { 

         last_model_category_selected=document.getElementById(call_list_id).options.value ;

         url=url_base+"isEmpty=FALSE&list_type=manufacture&last_selected="+last_manufacture_selected+"&   list_dependency_1="+last_model_category_selected+"&list_dependency_2=''&list_dependency_3=''" ;

//         alert(last_model_category_selected);

} else if (call_list_id == "manufacture") {

//alert(call_list_id);

         last_manufacture_selected=document.getElementById(call_list_id).options.value ;
 
         url=url_base+"isEmpty=FALSE&list_type=model_type&last_selected="+last_model_type_selected+"&   list_dependency_1="+last_model_category_selected+"&list_dependency_2="+last_manufacture_selected+"&list_dependency_3=''" ;

} else if (call_list_id == "modelType") {

        last_model_type_selected=document.getElementById(call_list_id).options.value ;

         url=url_base+"isEmpty=FALSE&list_type=model_type&last_selected="+last_model_type_selected+"&   list_dependency_1="+last_model_category_selected+"&list_dependency_2="+last_manufacture_selected+"&list_dependency_3="+last_model_type_selected ;

} else {

  return FALSE;

}
 
// Perform Ajax request
 
       xmlHttp=GetXmlHttpObject(); 
 
        if (xmlHttp==null)

         {

           alert ("Your browser does not support AJAX!");

           return FALSE;

         }  
 
           xmlHttp.onreadystatechange = function() {

           if (xmlHttp.readyState == 4 && xmlHttp.status==200) {        

            document.getElementById(list_name_id).innerHTML=xmlHttp.responseText ;

           }

           };

           xmlHttp.open("GET", url); 

           xmlHttp.send(null);
 
}
 
function GetXmlHttpObject()

{

var xmlHttp=null;

try

  {

  // Firefox, Opera 8.0+, Safari

  xmlHttp=new XMLHttpRequest();

  }

catch (e)

  {

  // Internet Explorer

  try

    {

    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

    }

  catch (e)

    {

    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

    }

  }

return xmlHttp;
 
}
 
</script>
 
</head>
 
<body oninit=buildLists();>

<form id="productSelector">

<div id="modelCategoryDiv" > </div>

<select name="modelCategory" id="modelCategory" style="width:130" onchange="buildList('modelCategory','manufacture')">

  <option value="none" selected >none</option>

  <option value="x"  >x</option>

  <option value="y" >y</option>

  <option value="z">z</option>

  <option value="t">t</option>

</select>

<div id="manufacture"> </div>

<div id="modelType"> </div>

<div id="modelName"> </div>
 
</form>

</body>

</html>

Thanks
Ronen

Mar 9 '08 #1

Subscribe Post Reply

2229

hsriat

1,654

Expert 1GB

options is an array.
If you have to use it, then you may need to use options[index].value.

If you want to know the current select value of the select box, use selectObject.value

Mar 9 '08 #2

raknin

options is an array.
If you have to use it, then you may need to use options[index].value.

If you want to know the current select value of the select box, use selectObject.value

Thanks, I have the same issue the select id is null for some reason.You can try it yourself.

Mar 9 '08 #3

raknin

I tried even:

Expand|Select|Wrap|Line Numbers

 
last_manufacture_selected=document.getElementById('manufacture').options[document.getElementById('manufacture').options.selectedIndex].value;

But still have the same error not an object or has null value.

It is look like that when you create the list on the server it display but you can not manipulate it.

Mar 9 '08 #4

hsriat

1,654

Expert 1GB

I tried even:

Expand|Select|Wrap|Line Numbers

last_manufacture_selected=document.getElementById('manufacture').options[document.getElementById('manufacture').options.selectedIndex].value;

But still have the same error not an object or has null value.

It is look like that when you create the list on the server it display but you can not manipulate it.

try this:

Expand|Select|Wrap|Line Numbers

last_manufacture_selected = document.getElementById('manufacture').value;

Mar 10 '08 #5

Similar topics

Error log empty

by: Wayno | last post by:

My php logs are coming up empty. I have done all I can think of, and all that made sense to me. Can someone take a look at my php.ini please and tell me what you think may be the problem. I...

PHP

error calling function more than once within else

by: Red Ogden | last post by:

The following script returns an error saying document.all is null or not an object when I try to call the write_layer function more than once within the same else statement i.e.: else {...

Javascript

Equivalent of stdarg.h but on the calling side ?

by: Francesco Bochicchio | last post by:

Hi all, anybody knows if there is a (standard, portable) way to dinamically build a list of parameters to call a C function? Something like va_start & co, but to be used on the calling side? ...

C / C++

Getting error object does not support this property or method

by: kamleshsharmadts | last post by:

I am using Ajax with struts in web application. from jsp i am calling a function of ajax.js onclick of a button. code of that call function which calling from jsp given as below:- ...

Javascript

using getElementByid and getting dataset count and not value

by: jdzemke | last post by:

I am trying to validate that a null value is not chosen from a dynamic dataset called "OBDataSet__135_1" when a form Submit operation is performed. To do this I have a javascript function called...

Javascript

Framwork 1.1->2.0: PostBack error when client script is applied

by: Bjorn Sagbakken | last post by:

Hello I have just migrated from VS 2003 to VS 2005, and .NET framework 1.1 to 2.0 I am at the end of debugging and fixing stuff. Now there is one error I just cannot find a solution to: On...

ASP.NET

Calling Combined Multiple Javascripts from XHTML

by: Memphis Steve | last post by:

Is it possible to combine multiple javascipts into one file and then call that file from a linked URL in the head section of an XHTML file? Here are the two scripts I want to use with the...

HTML / CSS

calling a function from string

by: james_027 | last post by:

hi, i have a function that I could like to call, but to make it more dynamic I am constructing a string first that could equivalent to the name of the function I wish to call. how could I do...

Python

while selecting a column in the listbox related colum to be populated in other listbo

by: ahilar12 | last post by:

1. <head> 2. <script type="text/javascript"> 3. </script> 4. </head> 5. <body> 6. <form> 7. <select name="team" id="mylist" > 8. <option></option> 9....

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General