Question

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

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

Answer 1

<强>更新

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
};

Answer 2

试试这样：

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

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

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

Answer 3

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

Answer 4

<强> HTML

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

<强> jquery的

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

OR

<强> HTML

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

<强> jquery的

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

Answer 5

您可以使用以下js代码获取选择框

中的选项文本

Js代码

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

Answer 6

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

HTML：

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

jquery（js）：

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

如何在<option> </option>之间获取文本？

6 个答案: