laravel - console.log() 没有结果

Question

我正在做 API 地址，然后我写 console.log() 但是在控制台中看到它没有结果

<script type="text/javascript">
  $('.province').change(function(){
    var select=$(this).val();
    console.log(select);
  });
</script>

<select name="province" id="province" class="form-control province">
         <option value="">เลือกจังหวัด&lt;/option>
           @foreach($list as $row)
                 <option value="{{$row->id}}">{{$row->name_th}}</option>
             @endforeach
 </select>

Answer 1

如果你要引用一个类，你应该使用：$(“.province”) 但是在这种情况下，你想引用一个 ID，所以你应该使用：$(“#provice”)

问候。

Answer 2

如果你使用

<script type="text/javascript">
    $(document).ready(function() {
        $('#province').on('change', function(){
            var select=$(this).val();
            console.log(select);
        });
    });
</script>

Answer 3

你必须像这样使用

<select name="province" id="province" onchange="functionName()" class="form-control province">
     <option value="">เลือกจังหวัด&lt;/option>
     @foreach($list as $row)
          <option value="{{$row->id}}">{{$row->name_th}}</option>
     @endforeach
</select>



<script type="text/javascript">

    function functionName(){
        var select = document.getElementById("province").value;
        console.log(select);
    }
</script>

或者你必须像这样使用

<script type="text/javascript">
    $('#province').change(function(){
        var select=$(this).val();
        console.log(select);
    });
</script>