javascript - 使用 Jquery 或 javascript 获取选定的选项数据

Question

我必须获取其选项值已知的选定选项数据。我有选定的选项值，并且我想要包含在选项之间的数据。

例如在以下选择中：

<select name="oi_report_contact[sex]" id="oi_report_contact_sex">
       <option value="1">Male</option>
       <option value="2">Female</option>
       <option value="3">Other</option>
</select>

我的值为 1，我需要通过 Jquery 或 Javascript 获取数据“男性”。

请注意：$('#oi_report_contact_sex').val();选择1时，请给出1且不是男性。

Answer 1

你只需要打电话

var content = $('#oi_report_contact_sex option:selected').html();

获取所选选项的内部内容。

Answer 2

您可以使用.text()方法来获取文本值。像这样。

$('#oi_report_contact_sex').on('change', function () {
  alert($('#oi_report_contact_sex').val());
  alert($('#oi_report_contact_sex option:selected').text());
});

Answer 3

          $("#oi_report_contact_sex").find('option:selected').text();

Answer 4

你可以试试：

$("#oi_report_contact_sex option[value='" + $("#oi_report_contact_sex").val() + "']").text()

jsFiddle 链接：http: //jsfiddle.net/ARBb2/1/