选择选项时,此Dropkick change
函数会更新另一个<select>
元素的值。我在 300 多对<select>
元素上使用该函数,因此我很想修改该函数,以便不需要为每个元素指定选择器。
由于元素没有彼此相邻,我想结合这种方法来获取与所选输入的 id 同名的下一个元素stackoverflow.com/a/7734190/1056713
编辑 -为了简化此帖子的示例,我为这些元素使用了通用名称和 id,但第二个元素的名称将与第一个元素的 id 匹配。
该函数的工作示例发布在此处:http: //jsfiddle.net/chayacooper/yhAX5/6/
JS
$('#Select1').dropkick({
change: function(value) {
var $select2 = $('#Select2');
removeDefaultFromSelect($select2);
$select2.val(value);
}
});
HTML
<!-- Dropkick styled select element -->
<select name="DropkickSelect" id="Select1" class="dropkick">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<!-- Element who's value will be set -->
<select name="Select1" id="Select2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>