在輸入時將文本框內容複製到另一個文本框

我寫j查詢將哪個內容從一個文本框複製到另一個文本框中。我不是以J查詢的專家在我的代碼如下在輸入時將文本框內容複製到另一個文本框

$(function() { 
    $('input[id$=tb1]').keyup(function() { 
     var txtClone = $(this).val(); 
     $('input[id$=txtCustName]').val(txtClone); 
    }); 
});

來源

2012-03-30 R.D.

你缺少你選擇的報價也 – 2012-03-30 13:35:58

發佈HTML ...沒辦法知道，如果選擇的正確與否沒有看到HTML – charlietfl 2012-03-30 13:38:32

我認爲行情是可選的？ – Greg 2012-03-30 13:39:46

試試這個JS：

$('input[id$=tb1]').on('keyup',function() { 
    $('input[id$=txtCustName]').val($(this).val()); 
});

使用jQuery的on()綁定到該事件是好多了，你不必設置所述VAL給一個變量第一...

EDIT

上述代碼將克隆CONT耳鼻喉科與txtCustName結束的任何領域，如果你有HTML這樣的：

<input id="random_tb1"/> 
<input id="text_txtCustName"/> 
<input id="other_tb1"/> 
<input id="stuff_txtCustName"/>

它不知道你要哪一個，所以如果你讓你的HTML是這樣的：

<div> 
    <input id="random_tb1"/> 
    <input id="text_txtCustName"/> 
</div> 
<div> 
    <input id="other_tb1"/> 
    <input id="stuff_txtCustName"/> 
</div>

你可以讓他們在HTML中分離，並用這個JS只更新相關領域：

$(function() { 

    $('input[id$=tb1]').on('keyup',function() { 
     $('input[id$=txtCustName]',$(this).parent()).val($(this).val()); 
    }); 

});

這裏有一個演示：http://jsfiddle.net/JKirchartz/XN2qD/

來源

2012-03-30 13:35:29 JKirchartz

他正在使用與id選擇器結束，所以這是不正確的。 – Greg 2012-03-30 13:42:56

@Greg：已更新，修復了相關問題。 – JKirchartz 2012-03-30 13:56:53

您提供的代碼似乎沒有任何問題。

伊夫重建它使用的jsfiddle

http://jsfiddle.net/e9KFT/

我們能有更多的信息？ HTML標記的片段將是一個好的開始！

來源

2012-03-30 13:36:32 Greg

這很簡單。只需編寫這些代碼即可。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <input type="text" name="text1" id="text1" value="" /> <br > 
    <input type="text" name="text2" id="text2" value="" /> 
<script> 
    $(document).ready(function(){ 
     $('#text1').keyup(function(){ 
     $('#text2').val($(this).val()); 
     }); 
    }); 
</script>

你可以在這裏看到它https://jsfiddle.net/prasant200582/x7jzk0pg/5/

來源

2017-06-29 09:54:15

在輸入時將文本框內容複製到另一個文本框

回答

相關問題