我在实现 JavaScript 下拉菜单时遇到了困难。通常,我们将通过设置实现 HTML 下拉列表的默认值:
<option selected> blablabla </option>
但是,现在我收到了一个新请求,该请求用于在最终用户做出选择之前让下拉列表向最终用户显示一些有用的说明文本。下拉选项也将被填充。但是,这段说明文本将不会用作选项。因此,每当用户折叠下拉菜单时,他/她将无法选择此说明文本。
到目前为止我写的代码是:
for(var i=0;i<jsondata.length;i++){
dropDown.append('<option value="'+jsondata[i] +'">'+jsondata[i]+'</option>');
}
dropDown.append('<option selected>Please select a proper organization</option>');
但是,这并不能很好地工作,因为它会将说明文本作为一个单独的选项。
我想知道是否有一种方法可以在 JavaScript 中实现这一点?
最佳答案
您只能使用 html 实现此目的。只需将指令选项设置为disabled
看到这个。 http://jsfiddle.net/z8pfk2bg/
<select>
<option value="volvo" disabled selected>please select a car</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
在 >IE7
中也得到了很好的支持,如果您使用 javascript 填充选项 http://jsfiddle.net/33dd3mfx/
关于javascript - 有没有办法为 HTML 下拉菜单设置说明文本但不用作选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28426716/