我想改变行为，甚至当一个选项没有改变下拉jquery

i want to change behaviour even when an option is not changed in dropdown jquery

本文关键字：改变 选项 一个 jquery      更新时间：2023-09-26

我需要在下拉菜单中包含一个用户输入。我使用jquery的.change()方法实现了它。使用.change()函数允许我在选择"输入值"选项时输入。为了使这段代码再次工作，我将不得不改变选择。例如

当我再次点击"输入值"选项时，没有索引将被改变，也不会发生任何事情。我如何得到焦点的文本框没有改变所选的选项。简而言之，我希望当前的功能可以多次工作，而不必选择其他选项。

我的代码在js提琴是:我在jsfiddle

中的代码
jQuery(".gfield_select").change(function() {
    var val = jQuery(this).val();
    var enter = jQuery(this).parent().find('option:selected').text();
    var x = jQuery(this).parent();
    if (enter ==="Enter a value" || enter === "Enter value"){
      var holder = x.find('.holder');
      holder.val('');          
      holder.prop('disabled',false);
      holder.focus();
    } else {
      x.find('.holder').val(x.find('option:selected').text());
      x.find('.holder').prop('disabled',true);
    }
});

您可以将选择值更改为"0"，从而在对输入字段给予焦点后显示"None"。

jQuery(".gfield_select").change(function() {
    var val = jQuery(this).val();
    var enter = jQuery(this).parent().find('option:selected').text();
    var x = jQuery(this).parent();
    if (enter ==="Enter a value" || enter === "Enter value"){
      var holder = x.find('.holder');
      holder.val('');          
      holder.prop('disabled',false);
      holder.focus();
      jQuery(this).val("0"); // Change select value to None.
    } else {
      x.find('.holder').val(x.find('option:selected').text());
      x.find('.holder').prop('disabled',true);
    }
});
相关文章：