jQuery:获取第一个选项的innerHTML选项,并在HTML select标签中设置值

Question

假设我有一个带有3个值的下拉列表(选择标记).我们的第一个选项的值为"".第二个选项的值为"something".第三个选项的值为"其他".如何获得第二个选项的innerHTML(文本)？我不想硬编码,因此每次都需要第二个选项.我想确保它是第一个带有值集的选项.

Answer 1

var result = $('#selectId option[value!=""]').first().html();

要么:

var result = $('#selectId option[value!=""]:first').html();

属性不等于选择器:

描述:选择既没有指定属性,也没有指定属性但没有特定值的元素.

:第一选择器

描述:选择第一个匹配的元素.:第一个伪类相当于:eq(0).它也可以写成:lt(1)

请注意,所有<option>s 必须具有该value属性,以便选择器按预期工作.如果不能保证使用此:

var result = $('#selectId option[value!=""][value]:first').html();

有属性选择器[名称]

描述:选择具有指定属性的元素,具有任何值.