html - jQuery无法选择嵌套在表格中的表单输入

Question

我有一个带有输入元素的 html 表单。每次我将该表单放入 table tag <table><form></form></table>时，jQuery 选择器都无法选择表单内的输入。

这是代码：

<script type="text/javascript">
  $(document).ready(function(){
    $("#myForm #textinput1").val("hahaha");
  });   
</script>
<table>
<form name="myForm" id="myForm">
<input type="text" name="textinput1" id="textinput1" />
</form>
</table>

但以下工作：

<form name="myForm" id="myForm">
<table><input type="text" name="textinput1" id="textinput1" /></table>
</form>

以下也适用：

<script type="text/javascript">
    $(document).ready(function(){
        $("#textinput1").val("hahaha");
    }); 
</script>
<table>
    <form name="myForm" id="myForm">
    <input type="text" name="textinput1" id="textinput1" />
    </form>
</table>

Answer 1

首先，Atable不能form直接包含 a。

您可以将表格嵌套在表单中。

<form>
  <table>
    <tr> <td> My Content </td> </tr>
  <table>
</form>

或者

<table>
    <tr> 
       <td> 
          <form>My Content </form>
       </td> 
    </tr>
 <table>

Answer 2

试试这个

  document.getElementById("textinput1").value;

Answer 3

<script type="text/javascript">
$(document).ready(function(){
    $("#textinput1").val("hahaha");
}); 

<table>
<form name="myForm" id="myForm">
<input type="text" name="textinput1" id="textinput1" />
</form>

在上面的代码中，您直接使用其 id 选择输入元素。如果您尝试选择喜欢

$("form#myform #textinput1").val("hahaha");

你不能。直到您的表格中有表格。