如何在輸入元素的值屬性中分配變量？

Question

我需要在input元素中將變量分配給value屬性

這是我的輸入標簽。

<input type="text" id="Name" class="form-control form-control-alternative" placeholder="Usernam" value="myValue">

這是我的變量。

var myValue = document.getElementById('userVal');

有人，請幫助我解決此問題？

Answer 1

您可以設置輸入默認值。 沒有一些js框架，您將無法在HTML中綁定myValue。 要獲取輸入值，請使用change事件。 檢查我的代碼段。

 var input = document.getElementById('Name'); var myValue = 'Name example'; input.value = myValue; var myFunction = function (e) { console.log(e.target.value); } 

 <input type="text" id="Name" class="form-control form-control-alternative" placeholder="Usernam" onchange="myFunction(event)" value="myValue"> 

Answer 2

將輸入值分配給變量：

您需要將變量分配給元素的值，而不是元素本身。 另外，您當前的輸入ID是Name ，而不是userVal 。 將其更改為userVal然后像這樣檢索值：

var myValue = document.getElementById('userVal').value;

---

查看以下代碼片段 ，獲取有關如何檢索輸入值並將其分配給變量的實際示例：

 /* JavaScript */ document.querySelector("button").addEventListener("click", function() { var myValue = document.getElementById('userVal').value; alert(myValue); }) 

 <!-- HTML --> <input type="text" id="userVal" class="form-control form-control-alternative" placeholder="Username"> <button>Check Value</button> 

分配可變的輸入值：

要將輸入元素的值分配給變量，只需反轉上述分配即可，如下所示：

var newValue = newValue;
document.getElementById('userVal').value = newValue;

查看以下代碼片段，獲取有關如何為輸入元素的value屬性分配變量的實際示例：

 /* JavaScript */ document.querySelector("button").addEventListener("click", function() { var newValue = "newValue"; document.getElementById('userVal').value = newValue; }); 

 <!-- HTML --> <input type="text" id="userVal" class="form-control form-control-alternative" placeholder="Original" value="myValue"> <br /><br /> <button>Change Value</button> 

Answer 3

如果要為該輸入分配值：

<input type="text" id="Name" class="form-control form-control-alternative" placeholder="Usernam" value="myValue">

您應該使用以下代碼：

var myValue = document.getElementById('userVal').value;
document.getElementById("Name").value = myValue;

您可以在此處查看文檔和示例： https : //www.w3schools.com/jsref/prop_text_value.asp

Answer 4

在JavaScript中，將value屬性添加到代碼中的方式如下：

    var myValue = document.getElementById("name").value

在HTML中，使用相同的ID來引用輸入標簽，如下所示：

    <input type="text" id="Name" class="form-control form-control-alternative" placeholder="Usernam" value="myValue">