功能说明:最近要做一个下拉框,左侧是多个下拉列表,用户选择不同的下拉列表值,右侧会给用户展现出下拉选项值所对应的图,供用户预览,在做到这个功能时,有多个下拉框,在获取下拉框值时,需要传入参数,js如何传参?
html代码:
<select id="DropDown_RB0" name="DropDown_RB0" onchange="test('DropDown_RB0')";>
<option value="">--Select--</option>
<option value="45">100 T</option>
<option value="46">150 T</option>
<option value="47">250 T</option>
<option value="48">350 T</option>
<option value="49">375 T</option>
</select>
<select id="DropDown_RB1" name="DropDown_RB1" onchange="test('DropDown_RB1')";>
<option value="">--Select--</option>
<option value="59">Singles (85 ft & under)</option>
<option value="60">Doubles (96-120 ft)</option>
<option value="61">Triples (127+ ft)</option>
</select>
js代码:
function test(id)
{
var obj=document.getElementById(id);//注意这里不能加引号,获取所选下拉框值的对象
var val=obj.options[obj.selectedIndex].value;//获取下拉框value值
var txt=obj.options[obj.selectedIndex].text;//获取下拉框的text值
alert(txt);
/* var obj=document.getElementById("DropDown_RB0");
for(i=0;i<obj.length;i++) {//下拉框的长度就是他的选项数
if(obj[i].selected==true) {
var text=obj[i].text;//获取文本
//alert(text);
}
}
*/
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。