功能说明:最近要做一个下拉框,左侧是多个下拉列表,用户选择不同的下拉列表值,右侧会给用户展现出下拉选项值所对应的图,供用户预览,在做到这个功能时,有多个下拉框,在获取下拉框值时,需要传入参数,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 &amp; 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);
       }
    }
*/
}

denson
366 声望57 粉丝