我有一个选择框的代码,该选择框由 Chosen jQuery 插件显示。我想要实现的是从已选择的当前项目中获取值:
<div>
<select id="schedule_event" name="schedule[event]" style="display: none; " class="chzn-done"><option value="Game" selected="selected">Game</option>
<option value="Event">Event</option>
<option value="Training">Training</option>
</select>
<div id="schedule_event_chzn" class="chzn-container chzn-container-single chzn-container-active" style="width: 854px; ">
<a href="javascript:void(0)" class="chzn-single chzn-single-with-drop" tabindex="-1">
<span>Game</span>
<div></div>
</a>
<div class="chzn-drop" style="width: 849px; top: 27px; left: 0px; ">
<div class="chzn-search">
<input type="text" autocomplete="off" style="width: 814px; " tabindex="0">
</div>
<ul class="chzn-results">
<li id="schedule_event_chzn_o_0" class="active-result result-selected highlighted" style="">Game</li>
<li id="schedule_event_chzn_o_1" class="active-result" style="">Event</li>
<li id="schedule_event_chzn_o_2" class="active-result" style="">Training</li>
</ul>
</div>
</div>
</div>
我现在用来查找当前值的 JavaScript 是:
$("#schedule_event").chosen().change( function() {
alert(+ $(this).text());
$('#' + $(this).val()).show();
});
但是,我不断得到“NaN”,即没有值。
Code:
$(".chzn-select").chosen().change(function() {
alert(+$(this).val());
//$('#' + $(this).val()).show();
});
Demo:
工作演示:http://jsfiddle.net/MM7wh/ http://jsfiddle.net/MM7wh/罢工>
编辑(2015 年 7 月 6 日)
现在cdns已经改变了。
工作演示:http://jsfiddle.net/uk82dm5L/ http://jsfiddle.net/uk82dm5L/
请用$(this).val()
代替.text()
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)