Question

我有一个html select元素，其中包含三个option元素。我编写了一个jquery代码，它给出了当前所选选项元素的标题attribut的值，并将该值保存在变量中（动态！）。

但是我想从一个选项值中读取一个title属性，如果该页面是作为第一个加载的，那么它在动态选择时并没有在我的xhtml页面中显示为选定值。

这是我的jQuery代码，第二个coderow无法正常工作：

$(document).ready(function(){

   var optionElements = jQuery(jQuerySelektorHTMLSelectElement).children();
   var OptionField = optionElements.find("[value=" + selectedValue + "]");
   var OptionFieldTitleAttribut = OptionFeld.attr("title"); 

}

如果加载了xhtml页面，我怎样才能找到一个未动态选择但被选中的选项元素？

Answer 1

如果您的变量jQuerySelektorHTMLSelectElement名称很好，则无需致电children：

var selectElement = $(jQuerySelektorHTMLSelectElement); // <- remove children here
var OptionField = selectElement.find("[value=" + selectedValue + "]");
var OptionFieldTitleAttribut = OptionField.attr("title");

find方法已在子项中查找选择器...

请参阅此fiddle。

Answer 2

试试这个：

<强> HTML

<select id="test">
    <option customAttr="a">test1</option>
    <option customAttr="b">test2</option>
    <option customAttr="c" selected="selected">test3</option>
    <option customAttr="d">test4</option>
</select>

<强> JS

$(function(){
  console.log($("#test").find("option:selected").attr("customAttr"));
});

fiddle

如何从DropDown中的选定选项获取title属性的值

2 个答案: