[英]Jquery OnChange Won't work at all
我试图在选择框上触发onchange,以显示已选择为警报的值。
我当前的选择框代码如下:
<span class="location select-box">
<input class="value-holder" type="text" disabled="disabled" placeholder="Select a Location">
<div class="advanced-select-button">
<i class="fa fa-chevron-down"></i>
</div>
<ul class="select-clone custom-list">
<li data-value="1">Advertising</li>
<li data-value="2">Airport</li>
<li data-value="3">Cars</li>
<li data-value="4">Education</li>
<li data-value="5">Entertainment</li>
<li data-value="6">Garden</li>
<li data-value="2">Airport</li>
<li data-value="3">Cars</li>
<li data-value="4">Education</li>
<li data-value="5">Entertainment</li>
<li data-value="6">Garden</li>
<li data-value="2">Airport</li>
<li data-value="3">Cars</li>
</ul>
<select name="Select_Location" data-placeholder="Select a Location">
<option>Select Category</option>
<option value="1">Advertising</option>
<option value="2">Airport</option>
<option value="3">Cars</option>
<option value="4">Education</option>
<option value="5">Entertainment</option>
<option value="6">Garden</option>
<option value="2">Airport</option>
<option value="3">Cars</option>
<option value="4">Education</option>
<option value="5">Entertainment</option>
<option value="6">Garden</option>
<option value="2">Airport</option>
<option value="3">Cars</option>
</select>
</span>
我当前的jquery脚本如下:
<script>
$('select').on('change', function() {
alert( this.value );
})
</script>
我看不到我要去哪里错了,或者我在这里做错了什么。 上面的Jquery代码只是我尝试过但没有成功的众多迭代之一。
如果有人可以帮我解决这个问题,我将永远感激不已。
提前致谢。
ps-如果您想查看示例-我可以提供一个URL。
您需要将代码包装在可用于文档的处理程序中。
在文档“就绪”之前,无法安全地操纵页面。 jQuery为您检测到这种就绪状态。
$( document ).ready()
内包含的代码仅在页面Document Object Model(DOM)准备好执行JavaScript代码后才能运行。
例
$(document).ready(function() {
//Your code
});
$(document).ready(function() { //Your code $('select').on('change', function() { alert(this.value); }) });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select name="Select_Location" data-placeholder="Select a Location"> <option>Select Category</option> <option value="1">Advertising</option> <option value="2">Airport</option> <option value="3">Cars</option> <option value="4">Education</option> <option value="5">Entertainment</option> <option value="6">Garden</option> <option value="2">Airport</option> <option value="3">Cars</option> <option value="4">Education</option> <option value="5">Entertainment</option> <option value="6">Garden</option> <option value="2">Airport</option> <option value="3">Cars</option> </select>
使用方式
$(function() {
$('select').on('change', function() {
alert( this.value );
})
});
$(document).ready(function(){ $('select').on('change', function() { alert( this.value ); }) });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span class="location select-box"> <input class="value-holder" type="text" disabled="disabled" placeholder="Select a Location"> <div class="advanced-select-button"> <i class="fa fa-chevron-down"></i> </div> <ul class="select-clone custom-list"> <li data-value="1">Advertising</li> <li data-value="2">Airport</li> <li data-value="3">Cars</li> <li data-value="4">Education</li> <li data-value="5">Entertainment</li> <li data-value="6">Garden</li> <li data-value="2">Airport</li> <li data-value="3">Cars</li> <li data-value="4">Education</li> <li data-value="5">Entertainment</li> <li data-value="6">Garden</li> <li data-value="2">Airport</li> <li data-value="3">Cars</li> </ul> <select name="Select_Location" data-placeholder="Select a Location"> <option>Select Category</option> <option value="1">Advertising</option> <option value="2">Airport</option> <option value="3">Cars</option> <option value="4">Education</option> <option value="5">Entertainment</option> <option value="6">Garden</option> <option value="2">Airport</option> <option value="3">Cars</option> <option value="4">Education</option> <option value="5">Entertainment</option> <option value="6">Garden</option> <option value="2">Airport</option> <option value="3">Cars</option> </select> </span>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.