如何使用javascript在html中基於其他字段的值填充表單字段

Question

我想使用JavaScript在另一個表單字段值的基礎上立即自動填充表單元素/字段值。

如圖所示，如果用戶將選項填充為“ A”，那么“已填充”字段必須自動用B填充而不刷新。

在此先感謝您的幫助:)

這是我希望它的外觀的屏幕截圖 ：

Answer 1

據我了解； 當用戶寫“ A”時，應運行一個javascript並將“ B”放在另一個字段中。

如果是這樣，在我的以下代碼中，我首先放置了一個onchange函數，這意味着它僅在用戶單擊文本框之外時才運行（您可以使用onsubmit和Submit按鈕，我只是使用它來避免使用表單） 。 它將調用函數“ autofill（）”。 autofill（）具有3行代碼，第一行將在文檔中搜索ID“ field1”，並獲取其值並將其保存為變量x。 第二個將把它與硬編碼字符“ A”進行比較，如果等於“ A”，那么它將移至第三行，它將在第二個ID為“ field2”的字段中放置“ B”。

HTML：

<input type='text' id='field1' onchange="autofill()">
<input type='text' id='field2'>

使用Javascript：

function autofill(){
    var x = document.getElementById('field1').value;
    if(x=='A')
    {
        document.getElementById('field2').value= 'B';
    }
}

您可以創建多個“ if”語句來檢查其他字符，或者如果希望它顯示“ B”，則將所有if語句一起刪除！

希望這對您有所幫助，並且不要忘記“檢查”正確的答案！