javascript:使用javascript在select标签中设置选项标题

Question

我正在开发一个项目,我有一个select标签,其选项是在javascript函数中生成的.我目前正在填写每个选项的"标题"属性,并附有详细说明.
在javascript函数里面,我目前正在做这样的事情:

var country = new Option("countryUSA", "United States of America");
$("#mySelect").get(0).options[1]=country;

这工作正常,选项显示.但是,我还需要设置该html选项元素的"title"属性.我尝试过这样的事情:

country.title="Full description of USA";

但它不起作用.
我知道我可以这样做:

 $("#mySelect").get(0).options[1].title="My title";

但我试图在将选项添加到选择标记之前设置标题.是不是"Option"对象假设允许我设置"title"属性？javascript函数甚至没有执行.我无法在javascript中为"选项"html元素设置"title"属性吗？

Answer 1

看起来你正在使用jQuery.有一种更简单的方法可以做你想要的.只需使用jQuery API而不是回归到vanilla DOM:

$('<option>',
{
    value: 'countryUSA',
    title: 'Full description of USA',
    text: 'United States of America'
}).appendTo("#mySelect");

也就是说,你是否期望设置title为在浏览器上显示浏览器原生工具提示时<option>？至少在Chrome中,不会出现此类工具提示.

编辑 Chrome和Safari不会在<option>带有title属性的s上显示工具提示,因为WebKit没有.请参阅此错误报告.