how to select a particular drop down option element

Question

I want to use this function to work on all my drop down lists. Problem: the first drop down works okay, but hen I try select any option in the 2nd drop down selections. It places the value from the first group in the span of the second group. I want the span to have the value from its own group. I would like to use this on multiple groups.

  <script>function displayResult(xspan,xselect)
{
 var x=document.getElementById(xselect).selectedIndex;
 alert(x);
 var newTxt = document.getElementsByTagName("option")[x].value;

 document.getElementById(xspan).innerHTML = newTxt;
 //alert(document.getElementsByTagName("option").length);
}
</script>

<select id="myPhones" onchange="displayResult('ShowPhone','myPhones')">
    <option value="">Phone  Numbers</option>
    <optgroup label="Shipping">
        <option value=" - 800-463-3339">FedEx</option>
        <option value=""></option>
    </optgroup>
</select>
<span id="ShowPhone"></span>

<select id="myParts" onchange="displayResult('ShowParts','myParts')">
    <option value="">Qik Parts list</option>
    <optgroup label="BATT">
        <option value="1">1</option>
        <option value="2">1</option>
        <option value="2">1</option>
        <option value="2"><1/option>
    </optgroup>
</select>
<span id="ShowParts"></span>

Where is the fracking displayResult function? Are we supposed to guess what it contains, or just create a new one for you without even knowing what it does ? — adeneo
– adeneo, Commented Nov 29, 2013 at 18:43

CesarMiguel · Accepted Answer · 2013-11-29 18:45:33Z

1

Chage the id and the displayResult of the second dropdown:

First dropdown:

<select id="myPhones" onchange="displayResult('ShowPhone','myPhones')">

Second dropdown:

<select id="NewNameID" onchange="displayResult('ShowPhone','NewNameID')">

answered Nov 29, 2013 at 18:45

CesarMiguel

3,8504 gold badges26 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to select a particular drop down option element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related