如何在 <option></option> 之间获取文本？ [关闭]答案

【问题标题】：How I can get a text between <option></option>? [closed]如何在 <option></option> 之间获取文本？ [关闭]
【发布时间】：2014-03-22 06:56:24
【问题描述】：

美好的一天。我有一个代码<option value="63">1963</option>

如何让“1963”显示在页面上？

【问题讨论】：

你试过了吗？

标签： javascript php jquery html

【解决方案1】：

试试这样：

$('#lol').change(function(e){
  var my_val = $(this).val();

  if( my_val == "65" ) {
    alert( $(this).find(':selected').text() );
  }
});

现场演示http://jsfiddle.net/jogesh_pi/P3NNR/

【讨论】：

【解决方案2】：

更新

var selectTag = document.getElementById("yourIdForSelect");
selectTag.onchange = function(){
     var selectedValue = this.options[this.selectedIndex].text; //returns 1963 when you select this option
     // selectedValue contains the 1963
};

【讨论】：

以及如何将 1963 放入变量中？
请查看更新的答案selectedValue 包含该值。
谢谢。打电话我应该写 selectedValue();?
变量selectedValue应该使用不带括号的()，只能由selectedValue使用。

【解决方案3】：

alert(this.options[this.selectedIndex].innerHTML);

【讨论】：

【解决方案4】：

html

 <select id="select">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
    </select>

jquery

$('#select option:selected').html();

或

html

<option value="63" class="select">1963</option>

jquery

$('.select').html();

【讨论】：

【解决方案5】：

您可以使用以下js代码来获取选择框中的选项文本

js代码

var text=$('#selectboxId').find('option[value=63]').text();
alert(text);

【讨论】：

【解决方案6】：

http://api.jquery.com/val/ 有一个演示（第一个示例）完全符合您的要求。

html:

<select id="single">
    <option>Single</option>
    <option>Single2</option>
</select>

jquery（js）：

var singleValues = $( "#single" ).val();

【讨论】：