如何在javascript和jquery中正確設置文本框的值？

Question

HTML：

<input id='myTxt' type='text' value='hello'/> 

的javascript：

$("#myTxt").val('Blah'); // works 

var bla = document.getElementById("myTxt"); bla.value = "Blah"; // works 

$("#myTxt").value = "blah"; // doesn't work 

爲什麼沒有最後一例工作？

Answer 1

這是因爲$("#myTxt")是一個jQuery對象，沒有任何東西叫做value。
你可以做的是一樣的東西：

$("#myTxt").get(0).value = "blah"; 

Answer 2

$("#myTxt")是jQuery的對象數組來封裝選擇DOM對象。

由於您在選擇器#myTxt中使用了ID，因此您將獲得一個只包含一個元素的數組。

你可以設置所選擇的項目（S）與jQuery的.val()方法的價值：

$("#myTxt").val("blah"); 

你不必檢索底層DOM對象。