下拉检索故障

时间:2017-05-08 11:33:53

标签: javascript html5

这是我的代码的脚本。脚本运行正常,但问题出现在html中。首先看看这个脚本

 <script type="text/javascript">
    $(document).ready(function()
    {
     $(".form-control").change(function()
     {
      var id=$(this).val();
      var dataString = 'id='+ id;

      $.ajax
      ({
       type: "POST",
       url: "php/get_child.php",
       data: dataString,
       cache: false,
       success: function(html)
       {
          $("#statee").html(html);

       } 
       });
      });




    });
    </script>

这是不起作用的代码

<label for="exampleInputEmail1">Child Category :</label> <select name="state" **id="statee"**>
<option selected="selected">--Select Child Category--</option>
</select>   

虽然有效但

<label for="exampleInputEmail1">Child Category :</label> <select name="state" **class="statee"**>
<option selected="selected">--Select Child Category--</option>
</select>   

我想使用id而不是class方法来运行它。请帮助我这样做

1 个答案:

答案 0 :(得分:0)

为什么ID无效?

ID是唯一的。它只会选择第一个元素idname。您的html中存在多个相同的id。请检查sameid (检查只有您的html)名称中的id=statee已存在或未存在于您的html元素中。如果已存在,则已将id名称更改为不同的名称。

虽然有效但

类选择包含相同classname的所有元素 对于多元素,class更好一个。但如果你只需要像这样使用id

$("[id='statee']").html(html);