在更改第一个DropDownList的选项后,在Jquery中获取其他DropDownList的值

时间:2015-06-06 15:19:22

标签: javascript jquery drop-down-menu ddl

我在我的一个ddl上选择了其他选项,但我成功获得了该值,但同时我希望在代码中获得其他ddl的选项。 我怎样才能获得其他ddl选项....? 我在这里提出了我的问题的代码示例:

<select id="someIdName" class="selectMenuFromHour" onchange="someFunc(this)">
    <option value="0" selected="selected">(none)</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>
<select id="someIdName" class="selectMenuTillHour" onchange="someFunc(this)">
    <option value="0" selected="selected">(none)</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>

function someFunc(obj) {

    var startHour;
    var endHour;
    if ($(obj).attr('class') == "selectMenuFromHour") {
                startHour = $(obj).val();
             //*need to add the value of the class - selectMenuTillHour !
            }
        if ($(obj).attr('class') == "selectMenuTillHour") {
                endHour = $(obj).val();
           //*need to add the value of the class selectMenuFromHour!
            }

}

1 个答案:

答案 0 :(得分:0)

你可以试试这个:

$('select').change(function(){
    var $this = $(this);
    var startHour = 0;
    var endHour = 0;
    if ($this.hasClass("selectMenuFromHour")) {
        $this.find('option').each(function(){
            startHour += parseInt($(this).val()) || 0;
        });
        alert(startHour);
    }
    if ($this.hasClass("selectMenuTillHour")) {
        $this.find('option').each(function(){
            endHour += parseInt($(this).val()) || 0;
        });
        alert(endHour);
    }

});

这是DEMO