javascript - jQuery 重置除调用者之外的所有选择框

Question

我有一个表单，用户可以在其中选择时间间隔。但我只希望他们只能选择一个选项。从下拉列表中选择一个值时，jQuery 应重置其他下拉列表。HTML(和 php 但不相关):

<select class="span1" name="repeatminute" id="repeatIntervalTiming" onChange="disableOther(this)">
            <?php for($i=0; $i<61;$i++){ echo "<option>$i</option>"; } ?>
            </select>
            minute(s)</label>
              <label>
            <select class="span1" name="repeathour" id="repeatIntervalTiming" onChange="disableOther(this)">
            <?php for($i=0; $i<25;$i++){ echo "<option>$i</option>"; } ?>
            </select>
             hour(s)</label>
            <label>
            <label>
                 <select class="span1" name="repeatday" id="repeatIntervalTiming" onChange="disableOther(this)">
            <?php for($i=0; $i<32;$i++){ echo "<option>$i</option>"; } ?>
            </select>
            day(s)</label>
            <label>
            <select class="span1" name="repeatmonth" id="repeatIntervalTiming" onChange="disableOther(this)">
            <?php for($i=0; $i<13;$i++){ echo "<option>$i</option>"; } ?>
             </select>
             month(s)</label> 

这是我的 jQuery 尝试:

function disableOther(caller){
    $('#repeatIntervalTiming').each(function(index) {
        if ($(this).text() != caller.textContent){
            $(this).val(0);
        }
    });

Answer 1

jQuery 中有一个 .not() 方法，它可以从匹配元素集中删除元素。

$('select.span1').change(function() {
    $('select.span1').not($(this)).val('');
});

文档 here .

PS1:使用唯一的 ID!我已将您的 ID 选择器更改为类选择器。

PS2:如果可能的话，避免内联 JavaScript。我的例子是unobtrussive .