如何在jQuery中更改元素内部输入的文本值

Question

我有一个JavaScript函数可以从同一网站上的另一个页面获取一个表单。它返回一个HTML元素（表单）及其中的所有内容。在该表单中，有一个没有值的输入。

假设我们有这个：

var form = $(data).filter("form")[0];

现在form有一个html元素就是表单。表单本身内部有一个输入元素。

我希望能够做到这样的事情：

$(form.input).text("something new");

并更改页面中不但在变量内的输入值。

只想再次澄清表格（变量形式）不在页面上，它保存在变量中。

Answer 1

像这样：

$(form).find("input").val("something new");

• .find获取子input代码（或.children("input")如果您知道input是该代码的直接子代）。
• .val设置输入值。 （请注意，.text设置HTML标记的内部文本，在这种情况下您当然不需要。）

(Fiddle)

Answer 2

设置表单中的所有输入：

$(form).find('input').each(function(index,inputObj){
  $(this).val('someting');
});

基本上，您需要知道您要查找的输入。你需要知道一些识别它的方法，即id，name，css类名等。这里是你可以使用的jquery选择器的引用： Jquery Selectors 例如如果需要设置名称为“id”的输入值，我会这样做

$(form).('input[name="id"]').val("id is set");

希望有所帮助

Answer 3

我能够找到这样做的方式是：

$(form).find("input")[1].setAttribute("value", "something")

Answer 4

试试这个：

 $(form).find("input").each(function(){
     val("something new");
  });