按名称选择元素

时间:2016-01-12 14:45:04

标签: jquery html



_.sortByAll




要打印日志的jQuery脚本是

<div class="fes-fields">
  <select name="departure_country[]" data-required="1" data-type="select">
    <option value="">- Chọn nước -</option>
    <option value="Mỹ">Mỹ</option>
    <option value="Úc">Úc</option>
    <option value="Pháp">Pháp</option>
  </select>
</div>

//Function executes on change of first select option field jQuery('[name="departure_country[]"]').change(function () { console.log("Selected"); } 不打印任何内容。

2 个答案:

答案 0 :(得分:1)

当您尝试向其附加事件时,您需要确保加载了select元素。如果内容是静态的,则将事件包装在文档就绪函数

还要确保在更改事件后关闭缺失的括号)

$(function(){
 jQuery('[name="departure_country[]"]').change(function () {
  console.log("Selected");
 });
});

答案 1 :(得分:1)

您有一个括号问题);缺失:

//Function executes on change of first select option field 
jQuery('[name="departure_country[]"]').change(function () {
    console.log("Selected");
    $("#txt").html("Selected");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="fes-fields">
    <select name="departure_country[]" data-required="1" data-type="select">
        <option value="">- Chọn nước -</option>
        <option value="Mỹ">Mỹ</option>                          
        <option value="Úc">Úc</option>                      
        <option value="Pháp">Pháp</option>          
    </select>
</div>
   <div id="txt"></div>