Question

我单击其他值，但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

Answer 1

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

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

如果选择select标签，则可以调用on change事件并获取选定的值。您可以使用以下任何一种方式

on change function

change event handler using jquery

ajax，当它具有不同的值时，我得到相同的值

1 个答案: