Question

我有一个下拉列表，我想在从下拉列表中选择一个值时触发jQuery函数。但是，change事件没有被触发。 click工作正常，但是被触发了两次。我只希望触发change事件。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-md-6" id="selcity">
  <h5>City</h5>
  <select class="chosen-select-no-single" name="city" id="city">
    <option label="Select City">Select City</option>
    <option value="Chennai">Chennai</option>
  </select>
</div>

<script>
  jQuery(document).ready(function() {
    jQuery('#city').change(function() {
      console.log("Hello");
    });
  });
</script>

Answer 1

您需要重新检查您的ID，我尝试过将其复制。

jQuery(document).ready(function(){  
        jQuery('#city').change(function(){
            //console.log("Hello");
            $('#selected').text($(this).val());
        });         
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-md-6" id="selcity">

     <h5>City</h5>

        <select class="chosen-select-no-single" name="city" id="city">

            <option label="Select City">Select City</option>

            <option value="Chennai">Chennai</option>
            <option value="Inchon">Inchon</option>


       </select>
       
       <p id='selected'></p>
    </div>

Answer 2

您正在选择外部div JpaPagingItemReader<User> databaseReader = new JpaPagingItemReader<>(); databaseReader.setEntityManagerFactory(entityManagerFactory); JpaQueryProviderImpl<User> jpaQueryProvider = new JpaQueryProviderImpl<>(); jpaQueryProvider.setQuery("User.findAll");，而不是选择元素selcity

city

jQuery未在选择选项上触发

2 个答案: