在 Jquery 上使用 keyup 的功能不止一个？答案

【问题标题】：More than one function with keyup on Jquery?在 Jquery 上使用 keyup 的功能不止一个？
【发布时间】：2020-04-26 14:42:41
【问题描述】：

我需要更改输入文本的ID 以使用带有Jquery 的keyup 的两个函数，例如我选择选项编号1 并在我的脚本中为id 1 编写一个函数keyup和其他号码2，要知道它是否有效，我使用alert，但始终使用默认放置的id。

$('#selector').change(function() {
  $('#1,#2').attr('id', $(this).val());
});
$(document).ready(function() {
  $('#1').keyup(function() {
    alert("OPTION 1 SELECTED");
  });
  $('#2').keyup(function() {
    alert("OPTION 2 SELECTED");
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<select id="selector">
  <option>1</option>
  <option>2</option>
</select>
<input id="1" type="text">

怎么了？

【问题讨论】：

标签： jquery keyup

【解决方案1】：

您根据元素的原始 ID 绑定到元素。如果您希望绑定遵循不断变化的 ID，则必须使用事件委托。

$('#selector').change(function() {
  $('#1,#2').attr('id', $(this).val());
});
$(document).ready(function() {
  $(document).on("keyup", '#1', function() {
    alert("OPTION 1 SELECTED");
  });
  $(document).on("keyup", '#2', function() {
    alert("OPTION 2 SELECTED");
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<select id="selector">
  <option>1</option>
  <option>2</option>
</select>
<input id="1" type="text">

但这似乎是一种奇怪的方法。为什么不只使用一个处理程序呢

alert("Option " + $("#selector").val() + " selected");

【讨论】：

太棒了！祝你有美好的一天，你帮助了我！！ ^ ^
@user13411530 不要使用谢谢，它有效等等。只需将答案标记为已回答或赞成答案，或两者兼而有之
@BryanDellinger 并在必要时添加评论，本网站允许在 x 分钟回答后投票； )

【解决方案2】：

希望这会有所帮助

$(document).ready(function() {
  $('#selector').change(function() {

    $('#1,#2').attr('id', this.value);
  });

  $('input[type="text"]').keyup(function() {
    alert("OPTION "+$(this).attr('id')+" SELECTED");
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<select id="selector">
  <option value="1">1</option>
  <option value="2">2</option>
</select>
<input id="1" type="text">

【讨论】：