我怎么才能写一个jQuery函数,禁用下拉列表中的值,只有当相同的数据,我们在输入字段中键入。输入字段-新因此,应禁用下拉菜单中的new。
<select class="form-control" id="select2"> <option value="1">New</option> <option value="2">OLD</option> </select>
6psbrbz91#
你可以这样做:
$('.typeVal').on("keyup change",function() { var $val = $(this).val(); $('#select2 option').prop("disabled", function() { return $(this).text() == $val; }); });
这段代码使用jQuery将一个事件处理程序绑定到类为. typeVal的元素。这些元素上的"keyup"和"change"事件将触发该事件处理程序。当事件被触发时,代码获取触发事件的元素的值,并将其存储在变量$val中。然后,它基于函数设置#select2元素中所有元素的"disabled"属性。如果元素的文本内容等于$val,则函数返回true,这意味着如果元素的文本内容与触发元素相同,则函数将禁用。如果的文本内容不等于$val,则函数返回false,并且不会禁用。
x一个一个一个一个x一个一个二个x
1条答案
按热度按时间6psbrbz91#
你可以这样做:
这段代码使用jQuery将一个事件处理程序绑定到类为. typeVal的元素。这些元素上的"keyup"和"change"事件将触发该事件处理程序。
当事件被触发时,代码获取触发事件的元素的值,并将其存储在变量$val中。然后,它基于函数设置#select2元素中所有元素的"disabled"属性。
如果元素的文本内容等于$val,则函数返回true,这意味着如果元素的文本内容与触发元素相同,则函数将禁用。如果的文本内容不等于$val,则函数返回false,并且不会禁用。
x一个一个一个一个x一个一个二个x