Jquery 引导选择选项显示值而不是文本

Jquery 引导选择选项显示值而不是文本,jquery,twitter-bootstrap,drop-down-menu,Jquery,Twitter Bootstrap,Drop Down Menu,这可能已经得到了回答,但我认为这个问题还没有得到回答 我有一个dropbox(选择&选项),我想在未选择dropbox时在屏幕上显示值,并在选择dropbox时显示文本 例如: <select id="inputmsgType" class="form-control width-90"> <option value=0>description0</option> <option value=1>description1</option>

这可能已经得到了回答,但我认为这个问题还没有得到回答

我有一个dropbox(选择&选项),我想在未选择dropbox时在屏幕上显示值,并在选择dropbox时显示文本

例如:

<select id="inputmsgType" class="form-control width-90">
<option value=0>description0</option>
<option value=1>description1</option>
<option value=2>description2</option>
</select>

描述0
说明1
说明2
因此,当我想选择一个选项时,我想显示描述。 但是我想在dropbox字段中显示所选选项的值 (当我没有选择某样东西时)

这可能吗

提前谢谢诸如此类的事

Bootply

JS

$('#inputmsgType').on('change mouseleave', function(){
  $('#inputmsgType option').each(function(){
    $(this).html( $(this).attr('desc') ); 
  });
  $('#inputmsgType option:selected').html(  $('#inputmsgType option:selected').attr('value')   );

});

$('#inputmsgType').on('mouseover', function(){
  $('#inputmsgType option').each(function(){
    $(this).html( $(this).attr('desc') ); 
  });
});
<select id="inputmsgType" class="form-control width-90">
<option value="0" desc="description0">description0</option>
<option value="1" desc="description1">description1</option>
<option value="2" desc="description2">description2</option>
</select>
HTML

$('#inputmsgType').on('change mouseleave', function(){
  $('#inputmsgType option').each(function(){
    $(this).html( $(this).attr('desc') ); 
  });
  $('#inputmsgType option:selected').html(  $('#inputmsgType option:selected').attr('value')   );

});

$('#inputmsgType').on('mouseover', function(){
  $('#inputmsgType option').each(function(){
    $(this).html( $(this).attr('desc') ); 
  });
});
<select id="inputmsgType" class="form-control width-90">
<option value="0" desc="description0">description0</option>
<option value="1" desc="description1">description1</option>
<option value="2" desc="description2">description2</option>
</select>

描述0
说明1
说明2

使用Jquery代码,尝试以下方法:

$('#inputmsgType').click(function() {
            $('#description').html("Option value is:" + $('#inputmsgType').val() +
                    "<br>Option Description is: " + $('#inputmsgType option:selected').text());
        });
$('#inputmsgType')。单击(函数(){
$('#description').html(“选项值为:+$('#inputmsgType').val()+

选项说明为:“+$('#inputmsgType选项:已选定”).text(); });