我想使用此功能来处理我的所有下拉列表。问题:第一次下拉工作正常,但是我尝试在第二个下拉选项中选择任何选项。它将第一组的值放在第二组的范围内。我希望跨度具有来自其自己组的值。我想在多个小组中使用它。
<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>
答案 0 :(得分:1)
更改ID,然后显示第二个下拉列表的结果:
第一次下拉:
<select id="myPhones" onchange="displayResult('ShowPhone','myPhones')">
第二次下拉:
<select id="NewNameID" onchange="displayResult('ShowPhone','NewNameID')">