console.log() 没有结果答案

【问题标题】：console.log() don't have resultconsole.log() 没有结果
【发布时间】：2020-06-14 05:42:04
【问题描述】：

我正在做 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>

【问题讨论】：

欢迎来到stackoverflow！ val() 为空，默认情况下val() 索引为 0，即数组中的第一个数字。你会得到第一个value 的选项，<option value="">เลือกจังหวัด</option> 这个value 是空的。这就是为什么你没有得到任何结果。

标签： laravel laravel-7.x

【解决方案1】：

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

您好。

【讨论】：

我用过，但也没有。

【解决方案2】：

你必须这样使用

<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>

【讨论】：

也没有结果
你必须先检查change是否工作？喜欢alert('Hello') 之前的var select

【解决方案3】：

如果你使用会怎样

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

【讨论】：