Javascript 如何从下拉列表中的选定选项中获取标题属性的值

我有一个html选择元素，它包括三个选项元素。我已经编写了一个jquery代码，它为我提供了当前所选选项元素的title属性值，并将该值动态保存在一个变量中

但是我想从选项值中读取一个title属性，如果页面作为第一个加载，则该选项值不是动态选择的，并且已经在我的xhtml页面中显示为selected值

这是我的jQuery代码，第二个代码行不正确：

$(document).ready(function(){

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

}

如果加载了xhtml页面，如何找到一个option元素，它不是动态选择的，而是已选择的？

如果变量jQuerySelektorHTMLSelectElement名称正确，则不必调用子元素：

find方法已在子对象中查找选择器

见此。

如果变量jQuerySelektorHTMLSelectElement的名称正确，则不必调用子变量：

find方法已在子对象中查找选择器

看看这个。

试试这个：

html

试试这个：

html

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

<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>

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