Question

以下代码可以正常表格标记。使用表格标签，我无法找到引用选择复选框的正确方法。所以基本上选择＆＃39;在$（＆＃39; select＆＃39;）中必须更改为其他内容才能使其工作，我无法弄明白。请帮忙。感谢。

<?php

print_r($_POST);

?>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>

<table>
    <form id= "Cars" action="" method="post" >
        <th>
        CARS: <select name="ddcars" id="ppcars" >
            <option value="">Choose</option>
            <option value="1">Toyota</option>
            <option value="2">Nissan</option>
            </select> 
        </th>
    </form>


    <form id="trucks" action="" method="post">
        <th>
        TRUCKS : <select name="ddtrucks" id="pptrucks" >
            <option value="">Choose</option>
            <option value="1">TATA</option>
            <option value="2">Nissan</option>
        </select> 
        </th>
    </form>
</table>


<script>
    $(document).ready(function() {
        $('select').change(function() {
            $(this).parent('form').submit();
        }); 
    });
</script>

Answer 1

如果您只有一个select，那么$('select')应该可以正常工作。

但是，HTML格式错误

这是错误的

<table>
    <form id= "Cars" action="" method="post" >
        <th>
        CARS: <select name="ddcars" id="ppcars" >

这是正确的

<table>
  <th>
    <form id= "Cars" action="" method="post" >
            CARS: <select name="ddcars" id="ppcars" >

如果您使用上述层次结构，$(this).parent('form').submit();也是正确的。

工作小提琴： https://jsfiddle.net/5qtLu3pk/

Answer 2

没有元素tr。 table需要tr而不是th。
元素table不能包含元素form。将form放入其中 th。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<table>
  <tr>
    <th>
      <form id= "Cars" action="" method="post" >
        CARS: <select name="ddcars" id="ppcars" >
        <option value="">Choose</option>
        <option value="1">Toyota</option>
        <option value="2">Nissan</option>
        </select> 
      </form>
    </th>

    <th>
      <form id="trucks" action="" method="post">
        TRUCKS : <select name="ddtrucks" id="pptrucks" >
        <option value="">Choose</option>
        <option value="1">TATA</option>
        <option value="2">Nissan</option>
        </select> 
      </form>
    </th>
  </tr>
</table>

<script>
  $(document).ready(function() {
    $('select').change(function() {
      $(this).parent('form').submit();
    }); 
  });
</script>

定位表标题内的选择框

2 个答案: