如何根据Form Jquery Chage文本框值?

时间:2015-10-27 18:00:44

标签: javascript jquery html forms

例如:

<form id="test1">
   <input type="text" name="test_input">
</form>

<form id="test2">
    <input type="text" name="test_input">
</form>

上面的代码提到了两个文本框的相同名称。实际上我想要更改第一个表单文本框值。

$('input[name=test_input][form=test1]').val("Test Input");

如何更改值。请帮我解决。

1 个答案:

答案 0 :(得分:1)

#test1选择ID为test

的元素

$('#test1 input[name=test_input]').val("Test Input");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form id="test1">
  <input type="text" name="test_input">
</form>

<form id="test2">
  <input type="text" name="test_input">
</form>

或使用 eq()

$('input[name=test_input]').eq(0).val("Test Input");
// $('input[name=test_input]:eq(0)').val("Test Input");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form id="test1">
  <input type="text" name="test_input">
</form>

<form id="test2">
  <input type="text" name="test_input">
</form>