如何选择特定的下拉选项元素答案

【问题标题】：how to select a particular drop down option element如何选择特定的下拉选项元素
【发布时间】：2023-03-13 04:40:01
【问题描述】：

我想使用这个功能来处理我所有的下拉列表。问题：第一个下拉菜单可以正常工作，但是当我尝试在第二个下拉选项中选择任何选项时。它将第一组的值放在第二组的跨度中。我希望跨度具有其自己的组的价值。我想在多个组中使用它。

  <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>

【问题讨论】：

你能给我们看看 displayResult() 的代码吗？
水力压裂displayResult 函数在哪里？我们应该猜测它包含什么，还是只是为您创建一个新的，甚至不知道它的作用？

标签： javascript html

【解决方案1】：

修改第二个下拉菜单的id和displayResult：

第一个下拉菜单：

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

第二个下拉菜单：

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

【讨论】：