动态添加标题属性以选择选项元素javascript

时间:2018-10-30 14:33:23

标签: javascript html

如何在代码下面的退出选择选项中动态添加标题属性

selectbox.options[selectbox.options.length] = new Option(key, value);

1 个答案:

答案 0 :(得分:0)

新选项不支持它(大多数浏览器不支持选项的标题),但是您需要选择该选项并添加属性,或者使用createElement来创建新元素。

const selectbox = document.querySelector('select')
selectbox.options[selectbox.options.length] = new Option('1', '1')
selectbox.options[selectbox.options.length-1].title = 'blah 1'

var opt = document.createElement('option')
opt.value = '2'
opt.text = '2'
opt.title = 'blah 2';
selectbox.appendChild(opt);
<select>
</select>