Jquery OnChange根本不起作用(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。
I am trying to trigger an onchange on a select box, to show the value that has been selected as an alert.
My current select box code is as follows:
<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>My current jquery script is as follows:
<script> $('select').on('change', function() { alert( this.value ); }) </script>I can't see where I am going wrong, or what I am doing wrong here. The above Jquery code is just one of many iterations I've tried without success.
If someone can figure this out for me - I would be eternally grateful.
Thanks in advance.
p.s - if you would like to see an example - I can provide a URL.
最满意答案
$(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>$(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>
更多推荐
发布评论