<div>
Try this (setting up the value property based on index):<br />
<br />
var state1=document.getElement<wbr />ById(&quot;stat<wbr />e&quot;);<br />
state1.value=state1.option<wbr />s[0].value<wbr />;
</div>


<div>
<div class="content wysiwyg-content">
Hi -<br />
<br />
We have a form with several SELECT form items within it. &nbsp;We also have a javascript function that changes the selected index based upon certain criteria... &nbsp; For example...<br />
<br />
document.getElementById(&quot;s<wbr />tate&quot;).sel<wbr />ectedIndex<wbr /> = 0;<br />
document.getElementById(&quot;r<wbr />egion&quot;).se<wbr />lectedInde<wbr />x = 0;<br />
<br />
Now - the function works...as in it sets the selected index to 0 - but the option value does not update. &nbsp;So - Say for State I choose... &nbsp;&quot;California&quot; with a value of 5. &nbsp;When I reset the value to 0 - it still shows &quot;California&quot; (which it shouldn't) - but the index HAS been changed to 0.<br />
<br />
Is there something additional I'm missing - like selectedIndex.text or something? &nbsp;or... document.getElementById(&quot;s<wbr />tate&quot;).tex<wbr />t?<br />
<br />
Thanks!
</div>
</div>


Hi -

We have a form with several SELECT form items within it.  We also have a javascript function that changes the selected index based upon certain criteria...   For example...

document.getElementById("state").selectedIndex = 0;
document.getElementById("region").selectedIndex = 0;

Now - the function works...as in it sets the selected index to 0 - but the option value does not update.  So - Say for State I choose...  "California" with a value of 5.  When I reset the value to 0 - it still shows "California" (which it shouldn't) - but the index HAS been changed to 0.

Is there something additional I'm missing - like selectedIndex.text or something?  or... document.getElementById("state").text?

Thanks!

Try this (setting up the value property based on index):

var state1=document.getElementById(&quot;state&quot;);
state1.value=state1.options[0].value;

Select Display Text Question

Hi -

We have a form with several SELECT form items within it.  We also have a javascript function that changes the selected index based upon certain criteria...   For example...

document.getElementById(&quot;state&quot;).selectedIndex = 0;
document.getElementById(&quot;region&quot;).selectedIndex = 0;

Now - the function works...as in it sets the selected index to 0 - but the option value does not update.  So - Say for State I choose...  &quot;California&quot; with a value of 5.  When I reset the value to 0 - it still shows &quot;California&quot; (which it shouldn&#39;t) - but the index HAS been changed to 0.

Is there something additional I&#39;m missing - like selectedIndex.text or something?  or... document.getElementById(&quot;state&quot;).text?

Thanks!

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.