如何通过val（）获取innerHTML

Question

<td class="value" style="width:40%;">
    <select>
        <option value="1">one</option>
        <option value="1">two</option>
        <option value="1">three</option>
    </select>
</td>

我使用下面的代码找到了val（）：

  $(this).closest("td").next().find("select").each(function(){
                selectValues.push($(this).val());
            });

请参阅此JSFiddle。我想使用val（）获取Option的innerHTML。

赞： $（this）.val（）。innerHTML

请以任何方式提出建议。

Answer 1

您需要所选选项的文字

selectValues.push($(this).find('option:selected').text());

演示：Fiddle

Answer 2

试试这样：

$('td select option [value=1]').text();

Answer 3

使用.text()

获取

selectValues.push($(':selected',this).text());

Check your fiddle

---

即使您可以使用.map()方法创建数组：

var selectValues = $(this).closest("td").next().find("select").map(function(){
      return $(':selected',this).text();
});

Answer 4

使用text()

$(this).closest("td").next().find("select").each(function(){
    selectValues.push($(this).text());
});

Answer 5

要获取选定选项内部文本，请使用此

selectValues.push($(this).find('option:selected').html());

或

selectValues.push($(this).find('option:selected').text());

获取选定的选项值

selectValues.push($(this).val()); // It return value of the option 

Answer 6

您的代码是完美的唯一问题是HTML代码您设置所有<option>元素value="1"这就是为什么会出现此问题，现在您可以检查以下jsFiddle

检查 Demo jsFiddle

更新HTML

<select>
     <option value="1">1</option>
     <option value="2">2</option>
     <option value="3">3</option>
</select>

希望这对你有帮助！