jquery – 如何显示optgroup value选项值作为选择

前端之家收集整理的这篇文章主要介绍了jquery – 如何显示optgroup value选项值作为选择前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

看看下面的选择:

当选择任何元素时,我想在选择中显示标签值而不仅仅是值.因此,如果选择4,我希望选择显示B – 4

最佳答案
如果您需要将所选值恢复为原始值…请尝试此…
http://jsfiddle.net/kasperfish/sxvW2/2/

$('select').change(function () {
    var opt = $(this).find(':selected');
    var sel = opt.text();
    var og = opt.closest('optgroup').attr('label');
    //alert(sel);
    //alert(og);

    $(this).blur().find(':selected').text(sel + '-' + og);

});

$('select').focus(function () {
    $(this).find('option').each(function(){
        console.log($(this).text());
        t=$(this).text().split('-');
        $(this).text(t[0]);

    });

});

UPDATE
使用select2插件,您可以执行以下操作
http://jsfiddle.net/kasperfish/bJxFR/4/

function format(item) {
       opt = $('select').find(':selected');
       sel = opt.text();
       og = opt.closest('optgroup').attr('label');
      return item.text+'-'+og;

}
$("select").select2({
formatSelection: format,escapeMarkup: function(m) { return m; }
});

猜你在找的jQuery相关文章