Closed. This question needs details or clarity。它当前不接受答案。
                        
                    
                
            
        
            
        
                
                    
                
            
                
                    想改善这个问题吗?添加详细信息并通过editing this post阐明问题。
                
                    去年关闭。
            
        

    

我单击其他值,但console.log给我相同的值。
enter image description here

我也去具有不同value attribute的html代码具有不同的值,但是,它给了我属性的第一个值。
enter image description here

实际上,ajax有2个选项。这就是我累了。



<script type="text/javascript">

    $(function(){
        $('.categoryList').click(function(){

          var cat_id = $(this).attr('value');
          var url = "http://localhost:8000/api/getSubcategory/"+cat_id;
          $.ajax({
              type: "GET",
              url: url,
              dataType: "JSON",
              success: function(res)
              {
                var html = "";
                $.each(res, function (key, value) {
                     html += "<option  value="+key+">"+value+" </option>";
                });
                 $('#subcategory').html($(html).addClass('subcategoryList'));

              }
          });
        });

    });
$(document).ready(function() {
    $('#subcategory').click(function() {

       var  subcat_id = $( this ).find( '.subcategoryList' ).attr('value');
          console.log(subcat_id);
          var url = "/api/getSubcategorytwo/"+subcat_id;
          $.ajax({
              type: "GET",
              url: url,
              dataType: "JSON",
              success: function(res)
              {

                var html = "";
                $.each(res, function (key, value) {
                     html += "<option value="+key+">"+value+"</option>";
                });
                $("#subcategorytwo").html(html);

              }
          });
        });

    });
</script>

                   <div class="col-md-4" >

                        @foreach($categories as $category)
                        <option  class="categoryList" value="{{$category->id}}">{{$category->category}}</option>
                        @endforeach

                    </div>

                        <div class="col-md-4 ">
                        <a  name="subcategory" id="subcategory" >
                         </a>
                        </div>

                       <div class="col-md-4">
                        <a name="subcategorytwo" id="subcategorytwo" >
                          <option value=""></option>
                        </a>
                        </div>
           





enter code here

最佳答案

指定的html代码全部错误。您可以使用<a />定位标记或<select><option></option> </select>选择标记。

如果您更喜欢anchor标记,则可以获得点击功能,但是在html中,您将获得一长串锚点

如果选择select标记,则可以调用on change事件并获取所选值。您可以使用以下任何一种

on change function

change event handler using jquery

10-06 04:04