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

Question

我在我的一个 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!
            }

}

Answer 1

你可以试试这个：

$('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。