javascript - jquery :selected not working as expected

Question

我有以下 HTML 选择框片段:

<select id="Obj_cboscreen" class="menubarselect" name="page">
<option att="1stOption" value="0" selected="">abc</option>
<option att="2ndOption" value="1">def</option>

当我运行以下代码时:

var attribute = $('#Obj_cboscreen :selected').attr('att');
var name = $('#Obj_cboscreen :selected').html();

我(分别)得到 1stOption 和 abc。

当我将选择框更改为不同的选项时，例如:

<select id="Obj_cboscreen" class="menubarselect" name="page">
<option att="1stOption" value="0">abc</option>
<option att="2ndOption" value="1" selected="">def</option>

我得到了与之前相同的输出结果。

“第一个选项和 abc”

现在我注意到了选定的=“”。这看起来不对，我环顾了项目，但找不到它的生成位置，但它正在正确渲染。

我想知道为什么所选选择器无法正常工作？

Answer 1

以下代码适用于我 -

var attribute = $('#Obj_cboscreen :selected').attr("att");
var name = $('#Obj_cboscreen :selected').html();

alert(attribute + name);

您的代码有一些更改。

attr(att) 到 attr("att")

$('#Obj_cboscreen:selected') 到 $('#Obj_cboscreen :selected')

下面的 jsfiddle 显示了将“selected”属性添加到第二个选项时工作的代码。

http://jsfiddle.net/ipr101/bjWt3/