JS 如何获得下拉框当前的value 值

DEMO:

<select id="allName">
    <option value="zhangsan">张三</option>
    <option value="lisi">李四</option>
    <option value="wangwu" selected>王五</option>
    <option value="zhaoliu">赵六</option>
</select>
<input type="button" value="test" onclick="getSelectVal();"/><script>
    function getSelectVal(){
        //获取select dom对象
        var allSelect = documentgetElementById("allName");
        //获取select下拉框下所有的选项
        var optionArr = allSelectgetElementsByTagName("option");
        for(var i=0;i<optionArrlength;i++){
            if(optionArr[i]selected==true){
                alert(optionArr[i]value);
                return;
            }
        }
    }
</script>

只给张图，就只能泛泛说说解决方案
方案一，Ajax。level中选择后触发函数，重新加载下面的列表信息。这样写的话，level和后面的自动手动以及价格、日期、地点、排序等都可以作为参数传给后台，返回相应的json信息，解析后显示。
方案二，js遍历。用js遍历所有行，与level不相等的予以隐藏。

方法：获取多选下拉框对象数组→循环判断option选项的selected属性（true为选中，false为未选中）→使用value属性取出选中项的值。实例演示如下：

1、HTML结构

<select id="test" multiple="true">
<option value="option-A">option-A</option>  
<option value="option-B">option-B</option>
<option value="option-C">option-C</option> 
<option value="option-D">option-D</option>
</select>
<input type="button" value="确定" onclick="fun()" />

2、javascript代码

function fun(){
var select = documentgetElementById("test");
var str = [];
for(i=0;i<selectlength;i++){
if(selectoptions[i]selected){
strpush(select[i]value);
}
}
alert(str);
}

3、效果演示

单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可

var selected_val = documentgetElementById(select_id)value;

并且，通过 *** 作select下的option也可以得到被选项的value值，方法为：

var sel = documentgetElementById(select_id);var selected_val = seloptions[selselectedIndex]value;

实例演示如下:

1、HTML结构及javascript代码

<select id="test" onchange="alert(thisvalue)">    <option value="0">options-0</option>    <option value="1">options-1</option>    <option value="2">options-2</option></select>

2、效果演示

---