Question

如果Option太宽而无法容纳Select元素（并且不想增加整个Select元素的宽度，由于＆＃34;不动产和＃34;注意事项），我想添加一个＆＃34;标题＆＃34;每个元素的属性，因此用户可以完整地看到它。

我可以通过更改以下选项在HTML中执行此操作：

<option value="1">1</option>

......对此：

<option value="1" title="1">1</option>

......但这在极端情况下是乏味的。 CSS或jQuery中是否有一种方法可以将每个选择选项的值作为它的标题？

更新

我尝试了Ivanka的代码（确实可以在小提琴中工作），并将其放入Meteor客户端启动代码中：

if (Meteor.isClient) {
    Meteor.startup(function () {
      $("#select option").each(function(i, element) {
         $(element).attr('title', $(element).val());
      });
    });
});

......但它没有效果...... ???

更新2

我也尝试了这个：

  Template.tblScheduler.onRendered(function () {
    $("#select option").each(function(i, element) {
       $(element).attr('title', $(element).val());
    });
  });

......但是在Mudville仍然没有快乐。

UDPATE 3

这有效：

  Template.tblScheduler.onRendered(function () {
    $("select option").each(function(i, element) {
       $(element).attr('title', $(element).val());
    });
  });

（删除＆＃34;＃＆＃34;以便选择所有选择，而不只是选择＆＃34;选择＆＃34;作为ID（没有一个选择））。

Answer 1

可以使用jQuery：

$("select option").each(function(i, element) {
   $(element).attr('title', $(element).val());
});

将其包裹在document.ready中，您就可以开始了！

这是一个演示：jsfiddle.net

如何通过CSS为每个选择选项提供与选项相同的标题值？

更新

更新2

UDPATE 3

1 个答案: