[英]HTML setting default text on select
我有一个表单的select
元素:
<select id="test" name="test">
<option value="blah">Test1</option>
<option value="blah">Test2</option>
.
<option value="blah">Testn</option>
</select>
我想在默认情况下显示“选择测试”文本。 我知道这样做的方法是设置一个新选项
<option selected="selected">Select a test</option>
在顶部。 但我正在寻找其他方式,我不必使用标签。 是否有可能通过javascript(jQuery也会这样做)?
这是一个普通的js解决方案:
var selecttest = document.querySelector('#test');
selecttest.insertBefore(new Option('select a test'),selecttest.firstChild);
selecttest.selectedIndex = 0;
我过去用虚拟条目做过这个...
HTML
<select id="test" name="test">
<option value="0">Select an option...</option>
<option value="blah">Test1</option>
<option value="blah">Test2</option>
<option value="blah">Test3</option>
<option value="blah">Test4</option>
<option value="blah">Test5</option>
</select>
使用Javascript
$("#test").on("change", function() {
if ($(this).val() != "0") {
$("option[value=0]", this).remove();
}
});
这是关于jsFiddle的一个工作示例......
选择其他内容后,将立即删除“选择选项”选项。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.