jQuery函数不会在ejs中触发

Question

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
$( document ).ready(function() {
    alert( "ready!" );
    $('#dropDown').click(function() {
    console.log("run");
    var selected = $('#dropDown').find(":selected").text();
    console.log(selected);
    });
});

</script>

<div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">
                    <center>Benchmark Usage</center>
                </h1>
            </div>
            <!-- /.col-lg-12 -->
  </div>
<div class="row" data-ng-controller="">
<div class="col-md-12">

<select id="dropDown">
<option value="day">every day</option>
<option value="minute">every minute</option>
</select>

<iframe src="http://vgzeburt55:5601/goto/517982d9d05378bac8368b4bf91338fe?embed=true" height="710" width="100%"></iframe>
</div>
</div>

I was trying to get selected text through jquery. However, even the ready alert doesn't show up. Am I missing something? Also, am I trying to get the selected text in the correct way?

Answer 1

Bind on('change' event.

Working example:

 <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script type="text/javascript"> $( document ).ready(function() { alert( "ready!" ); $('#dropDown').on('change', function() { alert( this.value ); console.log("run"); var selected = this.value; console.log(selected); }) }); </script> <div class="row"> <div class="col-lg-12"> <h1 class="page-header"> <center>Benchmark Usage</center> </h1> </div> <!-- /.col-lg-12 --> </div> <div class="row" data-ng-controller=""> <div class="col-md-12"> <select id="dropDown"> <option value="day">every day</option> <option value="minute">every minute</option> </select> <iframe src="http://vgzeburt55:5601/goto/517982d9d05378bac8368b4bf91338fe?embed=true" height="710" width="100%"></iframe> </div> </div> 

Answer 2

您的jquery src是否不应该使用https：前缀？

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>