spring 禁用下拉列表中的数据,当我们用jquery在输入字段中键入相同的数据时

vhmi4jdf  于 2023-02-07  发布在  Spring
关注(0)|答案(1)|浏览(104)

我怎么才能写一个jQuery函数,禁用下拉列表中的值,只有当相同的数据,我们在输入字段中键入。
输入字段-新
因此,应禁用下拉菜单中的new。

<select class="form-control" id="select2">
   <option value="1">New</option>
   <option value="2">OLD</option>
</select>
6psbrbz9

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

相关问题