基於另一個文本框的輸入來更新文本框的Javascript

我基本上想要使用javascript來創建兩個相互依賴的文本框。例如，如果我在textbox1中輸入數字x，我希望textbox2立即使用x * 2更新。如果我將x輸入到textbox2中，我希望textbox1自動更新爲x/2。這些值將始終是數字。基於另一個文本框的輸入來更新文本框的Javascript

編輯：所以這裏是我的html文件。任何人都可以給我一個暗示爲什麼它不起作用？

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <script type="text/javascript" src="scripts/jquery-1.7.2.js"></script> 
    <script type="text/javascript"> 
     $("#text1").keyup(function(){ 
      $("#text2").val($(this).val() * 2); 
     }); 
     $("#text2").keyup(function(){ 
      $("#text1").val($(this).val()/2); 
     });   
    </script> 
</head> 
<body> 
    <input type="text" name="text1" size=3 maxlength=6> 
    <input type="text" name="text2" size=3 maxlength=6> 
</body> 
</html>

來源

2012-05-10 Brian Yee

聽起來真棒，讓我們知道是怎麼回事事實證明。如果您在嘗試/失敗時遇到問題，請回復此處，並附上示例代碼。 – Madbreaks

類似的東西在這裏問：http://stackoverflow.com/questions/2977428/jquery-mirror-one-text-input-to-another –

喜歡這個？ http://jsfiddle.net/yKrJn/ –

我無法測試出確切的代碼，你需要爲這個權利，但其基本思想是把一個onkeyup事件上的每個盒子，把劇本修改其他框（使用的getElementById或者你喜歡的任何一種方法）

我會嘗試把一些代碼放在一起，如果我可以的話，如果別人沒有先到達它。

來源

2012-05-10 20:18:01

$("#textbox1").onkeyup(function() { 
    $("#textbox2").val($(this).val() * 2); 
}); 

$("#textbox2").onkeyup(function() { 
    $("#textbox1").val($(this).val()/2); 
});

來源

2012-05-10 20:19:45

使用onchange事件或jQuery更改回調更新其他框。

來源

2012-05-10 20:19:47 voscausa

在非常簡單的情況下，這應該這樣做（fiddle here）：

// in a <script>: 
window.update = function() { 
    var one = document.getElementById('one'), 
     two = document.getElementById('two');  

    two.value = parseInt(one.value) * 2; 
} 

<!-- in your HTML: --> 
<input id="one" type="text" onchange="update();" /> 
<input id="two" type="text" />

來源

2012-05-10 20:20:23 rjz

但是，如果你打算做更多的DOM操作，那麼採用諸如jQuery之類的框架會更好。 – rjz

在這種情況下，這應該這樣做：http://jsfiddle.net/du09jhpd/

window.update = function() { 
    var one = document.getElementById('one'), 
     two = document.getElementById('two');  

    two.value = parseInt(one.value) * 2; 
} 
window.update1 = function() { 
    var one = document.getElementById('one'), 
     two = document.getElementById('two');  

    one.value = parseInt(two.value)/2; 
}

來源

2017-11-03 02:57:41

基於另一個文本框的輸入來更新文本框的Javascript

回答

相關問題