ListItems added using Js gets cleared on Page load?

[sudhaMurugesan]

Hi ALL,
I am binding ListItems to dropdownlist using js.But the selected value is not retained while save operation. Do I need to capture the selected Item in any hiddenfields ?
plz tell me

Sudha

[dmjpro]

Hi ALL,
I am binding ListItems to dropdownlist using js.But the selected value is not retained while save operation. Do I need to capture the selected Item in any hiddenfields ?
plz tell me

Sudha

Your save operation gets processed properly or it stops to do that?
Let me know.
I think when you submit the page then according to browser settings this happnes.
I think it should not harm your page submitting.

Debasis Jana

[sudhaMurugesan]

Your save operation gets processed properly or it stops to do that?
Let me know.
I think when you submit the page then according to browser settings this happnes.
I think it should not harm your page submitting.

Debasis Jana

This is my Code. I dont know why this is happening its due to Ajax or due to any wrong with my code

function Major()
{
var deg = document.getElementById ("ctl00_ContentPlaceHolder1_ddlDegree");
 
 if(deg.selectedIndex != 0)
    {
    AjaxWebService.GetMajor(deg.options[deg.selectedIndex].value,OnGetMajor);       
    }
 
}
function OnGetMajor(Items)
{
 
var major = document.getElementById ("ctl00_ContentPlaceHolder1_ddlMajor");
if(major.options.length > 0)
{
major.options.length = 0;// to remove previously binded items
}
var o = document.createElement("option");
o.text = "----Select----";
o.value = 0;
major.add(o);
for(i=0;i<Items.length;i++)
{
var options = Items[i].split(",");
var o = document.createElement("option");
o.text = options[1];
o.value = options[0];
major.add(o);
}
}

Can you find out?

[sudhaMurugesan]

Your save operation gets processed properly or it stops to do that?
Let me know.
I think when you submit the page then according to browser settings this happnes.
I think it should not harm your page submitting.

Debasis Jana

I have kept these fields mandatory and only if these listitems are not null it will get saved. But the listitems are getting cleared during page load.

[dmjpro]

This is my Code. I dont know why this is happening its due to Ajax or due to any wrong with my code

function Major()
{
var deg = document.getElementById ("ctl00_ContentPlaceHolder1_ddlDegree");
 
 if(deg.selectedIndex != 0)
    {
    AjaxWebService.GetMajor(deg.options[deg.selectedIndex].value,OnGetMajor);       
    }
 
}
function OnGetMajor(Items)
{
 
var major = document.getElementById ("ctl00_ContentPlaceHolder1_ddlMajor");
if(major.options.length > 0)
{
major.options.length = 0;// to remove previously binded items
}
var o = document.createElement("option");
o.text = "----Select----";
o.value = 0;
major.add(o);
for(i=0;i<Items.length;i++)
{
var options = Items[i].split(",");
var o = document.createElement("option");
o.text = options[1];
o.value = options[0];
major.add(o);
}
}

Can you find out?

At which point your Ajax Call made and where your "Select Box" gets cleared?
Let me know ... Quick!

Debasis Jana

[dmjpro]

I have kept these fields mandatory and only if these listitems are not null it will get saved. But the listitems are getting cleared during page load.

What do you mean by "Page Load"?
What is your sever side Script?

Debasis Jana

[sudhaMurugesan]

At which point your Ajax Call made and where your "Select Box" gets cleared?
Let me know ... Quick!

Debasis Jana

onchange event of degree, i have called the js.In that code only i'm calling ajax;
But i trying to find where actually listitems is getting cleared

[dmjpro]

onchange event of degree, i have called the js.In that code only i'm calling ajax;
But i trying to find where actually listitems is getting cleared

If you are using J2EE container ...... then you can post your whole code.
Means the the "Server Side Script" and the JavaScript File.
So that I can do test.
Or you can send me your generated HTML file.
Your Client Side Script is HTML or something else?

Debasis Jana

[sudhaMurugesan]

If you are using J2EE container ...... then you can post your whole code.
Means the the "Server Side Script" and the JavaScript File.
So that I can do test.
Or you can send me your generated HTML file.
Your Client Side Script is HTML or something else?

Debasis Jana

Its ASP.net. I am doubting In this part of the code.

function Major()
{
var deg = document.getElementById ("ctl00_ContentPlaceHolder1_ddlDegree");
 
 if(deg.selectedIndex != 0)
    {
    AjaxWebService.GetMajor(deg.options[deg.selectedIndex].value,OnGetMajor);       
    }
 
}
function OnGetMajor(Items)
{
 
var major = document.getElementById ("ctl00_ContentPlaceHolder1_ddlMajor");
 if(major.options.length > 0)
{
major.options.length = 0;// to remove previously binded items
}
var o = document.createElement("option");
o.text = "----Select----";
o.value = 0;
major.add(o);
for(i=0;i<Items.length;i++)
{
var options = Items[i].split(",");
var o = document.createElement("option");
o.text = options[1];
o.value = options[0];
major.add(o);
}
}

[dmjpro]

Its ASP.net. I am doubting In this part of the code.

function Major()
{
var deg = document.getElementById ("ctl00_ContentPlaceHolder1_ddlDegree");
 
 if(deg.selectedIndex != 0)
    {
    AjaxWebService.GetMajor(deg.options[deg.selectedIndex].value,OnGetMajor);       
    }
 
}
function OnGetMajor(Items)
{
 
var major = document.getElementById ("ctl00_ContentPlaceHolder1_ddlMajor");
 if(major.options.length > 0)
{
major.options.length = 0;// to remove previously binded items
}
var o = document.createElement("option");
o.text = "----Select----";
o.value = 0;
major.add(o);
for(i=0;i<Items.length;i++)
{
var options = Items[i].split(",");
var o = document.createElement("option");
o.text = options[1];
o.value = options[0];
major.add(o);
}
}

Ok let me understand your code.
You have two "Select Box"s ..... "onchange" event of "degree" the major gets cleared and refilled with new one, what you get from Server Side.
This is what happening.
Up to this I am right ?
Now tell me what is being cleared?
Here I am not getting your Point.

Debasis Jana.

[sudhaMurugesan]

I am suspecting that the error is due to the function called in page load, clearing every thing.I try and then let u know . Sorry for disturbing your valuable time.You actually got my question. Thanks for ur suggestions due to which i can trace my errors. I am working on it. I think it will be cleared.

[dmjpro]

I am suspecting that the error is due to the function called in page load, clearing every thing.I try and then let u know . Sorry for disturbing your valuable time.You actually got my question. Thanks for ur suggestions due to which i can trace my errors. I am working on it. I think it will be cleared.

Then check out your "PageLoad" function.

Debasis Jana

[sudhaMurugesan]

Then check out your "PageLoad" function.

Debasis Jana

Sorry Jana error is with my code only.
I am getting Listitems for Major from the selected degree.
During PageLoad this degree is null. so my major selection box got cleared. this what happened. I troubled u alot . Sorry.

[dmjpro]

Sorry Jana error is with my code only.
I am getting Listitems for Major from the selected degree.
During PageLoad this degree is null. so my major selection box got cleared. this what happened. I troubled u alot . Sorry.

What do you mean by this "During PageLoad this degree is null"?
Please Clarify me here.
And post your "PageLoad" function.
Let me have a look here.

Debasis Jana

[sudhaMurugesan]

What do you mean by this "During PageLoad this degree is null"?
Please Clarify me here.
And post your "PageLoad" function.
Let me have a look here.

Debasis Jana

I myself confused a lot. I dont know what was happening. I give you my whole code sir. you please check where i am wrong.But please give me some time to explain u what i'm really doing.

[sudhaMurugesan]

What do you mean by this "During PageLoad this degree is null"?
Please Clarify me here.
And post your "PageLoad" function.
Let me have a look here.

Debasis Jana

I myself confused a lot. I dont know what was happening. I give you my whole code sir. you please check where i am wrong.But please give me some time to explain u what i'm really doing. Is it Time up for you now and I too have got only 15 mins.

[dmjpro]

I myself confused a lot. I dont know what was happening. I give you my whole code sir. you please check where i am wrong.But please give me some time to explain u what i'm really doing. Is it Time up for you now and I too have got only 15 mins.

Right now I am getting confused.
Can't you make me clear?
Actually why "degree" Select Box is null initially?
And you populate the "major" Select Box when you change first one, right?
oh.....I am now getting confused.
Tell me actual scenario and paste the Generated HTML and whole JavaScript.
So that I can have a look at this and make me understand myself.

Debasis Jana

[sudhaMurugesan]

Right now I am getting confused.
Can't you make me clear?
Actually why "degree" Select Box is null initially?
And you populate the "major" Select Box when you change first one, right?
oh.....I am now getting confused.
Tell me actual scenario and paste the Generated HTML and whole JavaScript.
So that I can have a look at this and make me understand myself.

Debasis Jana

Now I will tell u clearly ok.
Degrees[B.A/B.E] Majors for B.A[English,History] for B.E[ECE,EEE,IT]
Now if i Select B.A in degree select box, the Majors for B.A gets binded in Major selectbox dynamically using javascript. Now If i select English as Major and click Save button, the Value English is not carried to Server side[C#.net] where i save the value to database . Some of my colleagues saying me to capture the value in hidden fields and then pass to server side. I know that this is not effective.In generated Html also the major's selected value is 0 having text "--Select--". I will Paste the Generated HTML code also. I value ur suggestion more.

Thank U.

[sudhaMurugesan]

Right now I am getting confused.
Can't you make me clear?
Actually why "degree" Select Box is null initially?
And you populate the "major" Select Box when you change first one, right?
oh.....I am now getting confused.
Tell me actual scenario and paste the Generated HTML and whole JavaScript.
So that I can have a look at this and make me understand myself.

Debasis Jana

My Generated HTML Code

 <tr>
        <td>
            <span id="ctl00_ContentPlaceHolder1_Label66">Qualification Level</span></td>
        <td>
            <select name="ctl00$ContentPlaceHolder1$ddlQualification" id="ctl00_ContentPlaceHolder1_ddlQualification" onchange="HideQualification();getQualification();" style="width:71%;">
    <option selected="selected" value="0">---Select---</option>
    <option value="38">SSLC</option>
    <option value="39">HSC</option>
    <option value="40">ITI</option>
    <option value="41">DIPLOMA</option>
    <option value="42">NON-ENGG GRADUATE</option>
    <option value="44">ENGG GRADUATE</option>
 
</select>
            <span id="ctl00_ContentPlaceHolder1_Label28" class="ErrorText">*</span></td>
        <td >
            <div id="ctl00_ContentPlaceHolder1_DivlblInstitute"><span id="ctl00_ContentPlaceHolder1_lblInstitute">Institute :</span>&nbsp;</div> </td>
        <td >
           <div id="ctl00_ContentPlaceHolder1_DivtxtInstitute"> <input name="ctl00$ContentPlaceHolder1$txtInstitute" type="text" id="ctl00_ContentPlaceHolder1_txtInstitute" onkeypress="FilterChracterInputs();" style="width:160px;" />
               <span id="ctl00_ContentPlaceHolder1_Label9" class="ErrorText">*</span></div> </td>
    </tr>
     <tr id="ctl00_ContentPlaceHolder1_trdegree">
    <td>
            <span id="ctl00_ContentPlaceHolder1_lblDegree">Degree</span></td>
    <td><select name="ctl00$ContentPlaceHolder1$ddlDegree" id="ctl00_ContentPlaceHolder1_ddlDegree" onchange="Major();" style="width:71%;">
        <option selected="selected" value="0">----Select----</option>
 
    </select>
            <span id="ctl00_ContentPlaceHolder1_Label19" class="ErrorText">*</span></td>
    <td>
            <span id="ctl00_ContentPlaceHolder1_lblMajor">Major</span></td>
    <td>            <select name="ctl00$ContentPlaceHolder1$ddlMajor" id="ctl00_ContentPlaceHolder1_ddlMajor" style="width:87%;">
        <option value="0">----Select----</option>
 
    </select>
            <span id="ctl00_ContentPlaceHolder1_Label16" class="ErrorText">*</span></td>
</tr>
//javascript
function getQualification()
{
    var e = document.getElementById ("ctl00_ContentPlaceHolder1_ddlQualification");
 var qualification = e.options[e.selectedIndex].text; // eg. ENGG GRADUATE
    if(e.selectedIndex != 0)
    {
    AjaxWebService.GetDegree(qualification,OnGetDegree);   //Returns Items[n]
    }
}
function OnGetDegree(Items)
{ 
 //Items[0] = "44,B.E/B.Tech"
var degri = document.getElementById ("ctl00_ContentPlaceHolder1_ddlDegree");
var length = degri.options.length;
if(degri.options.length > 0)
{
degri.options.length = 0;
//    var count=0;
//    for ( ; count < e.options.length ;)
//    {  
//    e.remove(count);
//    count = 0;
//    }
}
var o = document.createElement("option");
o.text = "----Select----";
o.value = 0;
degri.add(o);
for(i=0;i<Items.length;i++)
{
var options = Items[i].split(",");
var o = document.createElement("option");
o.text = options[1]; // "B.E/B.Tech"
o.value = options[0]; // "44 "
degri.add(o);
}
 
}
function Major()
{
var deg = document.getElementById ("ctl00_ContentPlaceHolder1_ddlDegree");
 
 if(deg.selectedIndex != 0)
    {
    AjaxWebService.GetMajor(deg.options[deg.selectedIndex].value,OnGetMajor);       
    }
 
}
function OnGetMajor(Items)
{
 //Items[0] = "2,ECE"  Items[1] = "3,EEE"
var major = document.getElementById ("ctl00_ContentPlaceHolder1_ddlMajor");
if(major.options.length > 0)
{
major.options.length = 0;// to remove previously binded items
}
var o = document.createElement("option");
o.text = "----Select----";
o.value = 0;
major.add(o);
for(i=0;i<Items.length;i++)
{
var options = Items[i].split(",");
var o = document.createElement("option");
o.text = options[1];
o.value = options[0];
major.add(o);
}
}

[dmjpro]

Now tell me Sudha.............
You don't want to get the Degree List blank initially?
Then you can send me your Server Side Script.
As .Net & J2eeis almost same.
So I can have a look at this.
Don't you have any "<body onload="some_func()">"?
Please let me all these things and send me the Server Side Script.

Debasis Jana.

[sudhaMurugesan]

Now tell me Sudha.............
You don't want to get the Degree List blank initially?
Then you can send me your Server Side Script.
As .Net & J2eeis almost same.
So I can have a look at this.
Don't you have any "<body onload="some_func()">"?
Please let me all these things and send me the Server Side Script.

Debasis Jana.

How to send it is 950 lines. I tried thro' gmail but failed

<script type="text/javascript" language="javascript">
//These js Functions gets called on load
  HideESI()
  HideOldBank()
  HideforDL()
  HideQualification()
  HideExperience()
  Major()
   </script>

[dmjpro]

How to send it is 950 lines. I tried thro' gmail but failed

<script type="text/javascript" language="javascript">
//These js Functions gets called on load
  HideESI()
  HideOldBank()
  HideforDL()
  HideQualification()
  HideExperience()
  Major()
   </script>

There you can't figure Out.?

Debasis Jana

[sudhaMurugesan]

There you can't figure Out.?

Debasis Jana

Its getting delayed. I try with hidden fields atlast.I knowyou tried to help me a lot.But sorry i am unable to provide you with proper Inputs.sorry frnd.

[dmjpro]

Its getting delayed. I try with hidden fields atlast.I knowyou tried to help me a lot.But sorry i am unable to provide you with proper Inputs.sorry frnd.

Best of Luck with that.

Debasis Jana

[sudhaMurugesan]

Best of Luck with that.

Debasis Jana

hello Jana,
My tries all failed.Hidden field is also failed becoz' on Bodyload call to AjaxWebservice fails . so My select box filled with no options. only this options value i am storing in hidfield which thro's error : option is null. So I finally decided to do it on Server Side. I am very bad in understanding the control flow which swallowed all my time. OK Jana check your PM.

[dmjpro]

hello Jana,
My tries all failed.Hidden field is also failed becoz' on Bodyload call to AjaxWebservice fails . so My select box filled with no options. only this options value i am storing in hidfield which thro's error : option is null. So I finally decided to do it on Server Side. I am very bad in understanding the control flow which swallowed all my time. OK Jana check your PM.

So your Problem is with Ajax Call.

Debasis Jana