Question

这可能已经得到了解答，但我不认为这个问题已得到解答。

我有一个Dropbox（选择＆amp;选项），我想在未选择保管箱时在屏幕上显示该值，并在选择该文本时显示该文本

示例：

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

所以我想在选择选项时显示说明。但我想在保管箱字段中显示所选选项的值（当我没有选择的时候）

这可能吗？

提前致谢

Answer 1

这样的东西？

Bootply ：http://www.bootply.com/128894

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') ); 
  });
});

HTML ：

<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>

Answer 2

使用Jquery代码，试试这个：

$('#inputmsgType').click(function() {
            $('#description').html("Option value is:" + $('#inputmsgType').val() +
                    "<br>Option Description is: " + $('#inputmsgType option:selected').text());
        });

bootstrap选择选项显示值而不是文本

2 个答案: