如何在没有id的字段中插入文本

时间:2017-10-25 14:21:40

标签: javascript php jquery

我试图使用以下代码将测试插入到没有ID

的字段中



$(document).ready(function(){
    $("#insert").click(function(){
        $("#gfield_list_cell gfield_list_356_cell2").val("TEST");
    });
});

<td class="gfield_list_cell gfield_list_356_cell2" data-label="FIRST"><input type="text" name="input_356[]" value="" tabindex="14"></td>

<p><input id="insert" name="test" type="button" value="test" /></p>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:0)

您的选择器是ID选择器,而不是CLASS选择器

$(document).ready(function(){
  $("#insert").click(function(){
      $(".gfield_list_cell gfield_list_356_cell2").val("TEST");
  });
});

应该有用。

或者如果您想更改INPUT TYPE =“text”的值,您应该这样做:

$(document).ready(function(){
 $("#insert").click(function(){
      $(".gfield_list_cell gfield_list_356_cell2").children().val("TEST");
  });
});

答案 1 :(得分:0)

$(document).ready(function(){
    $("#insert").click(function(){
        $("#testing").val("TEST");
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<td class="gfield_list_cell" data-label="FIRST"><input id="testing" type="text" name="input_356[]" value="" tabindex="14"></td>

<p><input id="insert" name="test" type="button" value="test" /></p>

答案 2 :(得分:0)

您可以通过指定$(document).ready(function() { $("#insert").click(function() { $(".gfield_list_cell.gfield_list_356_cell2").children("input").val("TEST"); }); });标记的类及其中的输入字段来实现,更具体(考虑到您在td中没有任何其他输入)。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td class="gfield_list_cell gfield_list_356_cell2" data-label="FIRST"><input type="text" name="input_356[]" value="" tabindex="14"></td>
  </tr>
  <table>
    <p><input id="insert" name="test" type="button" value="test" /></p>
{{1}}

我希望这会对你有所帮助。

祝你好运。