[英]Resetting a chosen select box with javascript
我在使用所选插件的选择框上执行操作时遇到问题。 使用选择的选择框的输入操作标准HTML选择框时似乎很好,但是当我将"chzn-select"
类添加到该选择框时,脚本将"chzn-select"
。
这是代码。
HTML:
<form>
<select id="sel1" name="sel1" class="chzn-select">
<option value="1">1</option>
<option value="2">Computer</option>
<option value="3">3</option>
</select>
<div id="select2" style="display:none">
<select id="sel2" name="sel2" selected="selected" class="chzn-select">Select
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
</form>
JavaScript:
$(function () {
var selCategory = $('#sel1');
selCategory.change(function () {
selCategory.find('option:selected').each(function () {
if ($(this).text() ==='Computer') {
$('#select2').show();
}
else{
$('#select2').hide();
}
});
});
});
$('#sel1').on('change', function () {
$('#sel2').prop('selectedIndex',0);
});
任何关于我要去哪里的指示将不胜感激!
编辑13/11/11
我花了一些时间来解决这个问题,因为我收到的关于该问题的所有答案对于常规选择框似乎都是正确的,但对于所选插件却不正确。 需要单独更新。 解决方法是添加$('#sel2').val('').trigger('chosen:updated');
将选定的选择框重置为其原始状态。 我在这里找到了代码如何使用jQuery重置jquery选择的选项?
感谢您为我提供的所有帮助,并希望此编辑能对像我一样困惑的任何人有所帮助。
您需要在选项而不是select标记上更改“ selected”属性。
selected
属性应在option
标签内
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.