jQuery Onselect？答案

【问题标题】：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？
完成。更新。谢谢。

标签： jquery input keyup onselect

【解决方案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>

【讨论】：