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获取数据“男性”。

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

Answer 1

你只需要打电话

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

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

Answer 2

您可以使用.text()方法获取文本值。与this一样。

$('#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/

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

4 个答案: