簡體   English   中英

根據使用javascript在另一個文本框中輸入的值,自動在文本框中顯示值

[英]Automatically display value in a text box based on the value entered in another text box using javascript

我有3個文本框,分別是textbox1textbox2textbox3

如果我為textbox1輸入一個數值,則textbox2textbox3自動textbox2顯示值textbox1*25textbox*75

Textbox2和textbox3不可編輯,並且應處於顯示模式。

誰能幫助我使用JavaScript查找解決方案。

在此先感謝,Amith

在三個元素(如id =“ textbox1”)中需要一個id,在textbox1元素中,您需要一個事件(如onChange =“ my_func()”),因此每次更改值時,它都會跳轉到該函數:

然后,您需要以下javascript函數:

<script>
function my_func() {
    document.getElementById("textbox2").innerHTML=document.getElementById("textbox1").value*25;
    document.getElementById("textbox3").innerHTML=document.getElementById("textbox1").value*75;
}
</script>

使用onblur事件使用正則表達式檢查輸入的值是否為數字。 為其他輸入屬性分配相同的值乘以25,75,並將readOnly值設置為true。

並詳細說明“顯示模式”的含義。

這是一個工作示例

即使我們不是代碼工廠,也請嘗試以下操作: myExample

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM