将一个文本框的值复制到另一个文本框返回null

时间:2019-09-11 10:03:35

标签: javascript html

我需要将一个文本框值复制到另一个文本框。但是jquery的.val()函数不会更新提供的值并返回空/空。

我尝试了所有可能的解决方案,包括。以下是一个链接

Copy another textbox value in real time Jquery

$("#textbox_2").focusout(function () {
        if ($("#textbox_1").val() == "Exception") 
        {
            $("#textbox_1").text("");
            $("#textbox_1").val($("#textbox_2").val());
        }        
        alert($("#textbox_1").val());
    });

This is the output of textbox_1 value in alert

我希望在textbox_1中具有textbox_2的值。但它会在textbox_1中插入null。

1 个答案:

答案 0 :(得分:-2)

  

我需要将一个文本框值复制到另一个文本框。

使用纯JavaScript在模糊时将一个文本框的值复制到另一个文本框:

const source = document.querySelector('#source')
const destination = document.querySelector('#destination')

source.addEventListener('blur', (e) => {
  destination.value = e.target.value
})
<input id="source" type="text" />
<input id="destination" type="text" readonly />