jQuery Onselect？

Posted 2023-05-07

【中文标题】jQuery Onselect？

【英文标题】：JQuery Onselect?

【发布时间】：2013-03-29 23:26:12

【问题描述】：

当我输入 DPRtelephonenumber 时，我想在 DPRcallerhometelephonenumber 中重复。

只要我在打字，这个脚本就可以工作。但是，如果 提供了以前使用的值的下拉列表，并且我选择了它，则 不会设置。

那么，除了键盘输入，我还需要什么？如何在 onselect 中写入？？

<input name="DPRtelephonenumber" id="DPRtelephonenumber" type="text">
<input name="DPRcallerhometelephonenumber" id="DPRcallerhometelephonenumber" type="text">
<script type="text/javascript">
  $(document).ready(function() 
    $('#DPRtelephonenumber').keyup(function() 
      $('#DPRcallerhometelephonenumber').val($(this).val());
    );
  );    
</script>

【问题讨论】：

能否包含一些 html？

完成。更新。谢谢。

【参考方案1】：

您可以将 onchange 事件用于下拉菜单。

$('#mySelect').change(function() 
  // do stuff here;
);

【参考方案2】：

由于您正在处理文本输入元素，我假设下拉列表只是浏览器提供的自动完成器。没有办法将“onselect”处理程序附加到它。您至少可以将一个 on-change 处理程序附加到输入元素。

尝试改变：

$('#DPRtelephonenumber').keyup(function() 

收件人：

$('#DPRtelephonenumber').on('change keyup', function() 

当然，在文本字段失去焦点之前，不会触发更改事件。如果您希望您的事件处理程序在文本字段的值更改后立即执行，您可以查看this question。

【参考方案3】：

这样的事情应该做你想做的事：

<script type="text/javascript">
    $(function()
        var updateHomeNum = function(obj)
            $("#DPRcallerhometelephonenumber").val(obj.val());
        ;
        $("#DPRtelephonenumber").on(
            keyup: function()
                updateHomeNum($(this));
            , change: function()
                updateHomeNum($(this));
            
        );
    );
</script>