如何使用jQuery的鍵入事件來修改HTML輸入的值

我有3個HTML輸入。當輸入1修改文本，輸入2應與以前輸入1輸入3文本同樣應與以前輸入的文本更新更新2.如何使用jQuery的鍵入事件來修改HTML輸入的值

diagram

2012-10-19 Mohammad

請儘量提高您的英語水平。目前還不清楚你想要什麼。 –

我認爲如果你在學習Web編程語言之前學習一些英語課程會更好。 – 2619

你可以這樣做這條路。

<input type="text" id="txt1" class="someclass" /> 
<input type="text" id="txt1" class="someclass" /> 
<input type="text" id="txt1" class="someclass" /> 

$('.someclass').change(function(){ 
    $(this).next('.someclass').val($(this).val()); 
    $(this).next('.someclass').change(); 
});

綁定keyup事件將會只要你鍵入改變的東西

Live Demo

來源

2012-10-19 11:30:49 Adil

使用jQuery的val()方法設置所需的輸入值。

<!doctype html> 
<html> 
<head> 
<script type="text/javascript" src="jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#input1").keyup(function() { 
      $('#input2').val($('#input1').val()); 
      $('#input3').val($('#input2').val()); 
     }); 
    }); 
</script> 
</head> 
<body> 
    <input type="text" id="input1" /> 
    <input type="text" id="input2" /> 
    <input type="text" id="input3" /> 
</body> 
</html>

來源

2012-10-19 11:32:54 mtmacdonald

如何使用jQuery的鍵入事件來修改HTML輸入的值

回答

相關問題