[英]How can I set the input value of a form in javascript?
Suppose that I have defined a form ( my_form
) that has an input named myInput
.假设我定义了一个表单 ( my_form
),它有一个名为myInput
的输入。 I would like to set the value of myInput
to be my_string
.我想将myInput
的值设置为my_string
。
$('#my_form textarea[name=myInput]').value = my_string;
I've tried the above line, and this works for most browsers, but not for Opera/Safari.我已经尝试了上面的行,这适用于大多数浏览器,但不适用于 Opera/Safari。 I know it doesn't work for Opera/Safari because the line我知道它不适用于 Opera/Safari,因为这条线
console.log($('#my_form textarea[name=myInput]').value + " was the string");
logs undefined was the string
to the screen instead of the actual value of my_string (which is not undefined). logs undefined was the string
屏幕上undefined was the string
,而不是 my_string 的实际值(不是 undefined)。
How can I achieve this for these browsers?我怎样才能为这些浏览器实现这一点?
Try this example:试试这个例子:
$(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>
You have to use .val() instead of .value
.您必须使用.val()而不是.value
。 And quotes for a string.和字符串的引号。
So the final code will be:所以最终的代码将是:
$("#my_form textarea[name=myInput]").val("my_string_with_quotes_before_and_after");
or with variable或带有变量
var string="some text";
$("#my_form textarea[name=myInput]").val(string);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.