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="">เลือกจังหวัด</option>
           @foreach($list as $row)
                 <option value="{{$row->id}}">{{$row->name_th}}</option>
             @endforeach
 </select>

Answer 1

Если вы повторно используете класс, вы должны использовать: $(". Province") Но в этом случае вы хотите вместо этого использовать идентификатор, поэтому вы должны использовать: $("#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="">เลือกจังหวัด</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>