我选择了与optdorup和相同的选项,我想显示optgroup标签&选定的选项中选择。请检查我的代码&建议更改。 检查此琴选择选择显示组标签和选项选择
$(".chosen-select").chosen();
$(".chosen-select").on('change', function (event,el) {
var selected_element = $(".chosen-select option:contains("+el.selected+")");
var selected_value = selected_element.val();
var parent_optgroup = selected_element.closest('optgroup').attr('label');
selected_element.text(parent_optgroup+' - '+selected_value).trigger("chosen:updated");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://harvesthq.github.io/chosen/chosen.jquery.js"></script>
<select data-placeholder="Your Favorite Football Team" class="chosen-select" tabindex="5">
<option value=""></option>
<optgroup label="NFC EAST">
<option value="Dallas Cowboy">Dallas Cowboys</option>
<option value="New York">New York Giants</option>
<option value="Philadelphia">Philadelphia Eagles</option>
<option value="Washington">Washington Redskins</option>
<optgroup>
<optgroup label="NFC NORTH">
<option value="Dallas Cowboy">Dallas Cowboys</option>
<option value="New York">New York Giants</option>
<option value="Philadelphia">Philadelphia Eagles</option>
<option value="Washington">Washington Redskins</option>
</optgroup>
</select>
请添加一点说明。什么是问题,你的代码如何解决它?或者为什么你的代码有改进? –
它应该显示水果苹果,并根据要求只有optgorup标签是不同的选项是相同的 –
请检查 http://jsfiddle.net/x5q95a11/ –