如何在javascript中设置表单的输入值？

Question

假设我定义了一个表单 ( my_form )，它有一个名为myInput的输入。 我想将myInput的值设置为my_string 。

$('#my_form textarea[name=myInput]').value = my_string;

我已经尝试了上面的行，这适用于大多数浏览器，但不适用于 Opera/Safari。 我知道它不适用于 Opera/Safari，因为这条线

console.log($('#my_form textarea[name=myInput]').value + " was the string");

logs undefined was the string屏幕上undefined was the string ，而不是 my_string 的实际值（不是 undefined）。

我怎样才能为这些浏览器实现这一点？

Answer 1

试试这个例子：

 $(document).ready(function () { $("#btn1").click(function () { $("#test1").text("Hello world!"); }); $("#btn2").click(function () { $("#test2").html("<b>Hello world!</b>"); }); $("#btn3").click(function () { $("#test3").val("Dolly Duck"); }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <p id="test1">This is a paragraph.</p> <p id="test2">This is another paragraph.</p> <p>Input field: <input type="text" id="test3" value="Mickey Mouse"></p> <button id="btn1">Set Text</button> <button id="btn2">Set HTML</button> <button id="btn3">Set Value</button>

Answer 2

您必须使用.val()而不是.value 。 和字符串的引号。

所以最终的代码将是：

$("#my_form textarea[name=myInput]").val("my_string_with_quotes_before_and_after");

或带有变量

var string="some text";
$("#my_form textarea[name=myInput]").val(string);