Jquery 引导选择选项显示值而不是文本
这可能已经得到了回答,但我认为这个问题还没有得到回答 我有一个dropbox(选择&选项),我想在未选择dropbox时在屏幕上显示值,并在选择dropbox时显示文本 例如: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>
<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();
});