如何使用javascript或jquery提醒所选选项?

时间:2014-04-25 11:20:46

标签: javascript jquery

我在代码中使用了select标记,这是我的代码,

<select onchange="test(this);">
    <option value="0">Select</option>
    <option value="1">Select1</option>
    <option value="2">Select2</option>
    <option value="3">Select3</option>
</select>

和javascript代码在这里,

<script>
  function test(obj)
  {
     alert($(obj).val()); 
  }
</script>

我想在这里提醒所选文本,如果我使用上面的代码,所选选项的值即将到来,但我想提醒所选选项的文本,任何人都可以告诉这个选项。 我想在不使用任何课程或身份证的情况下提醒它 我想通过obj提醒它。

我在等你的帮助。

提前致谢

4 个答案:

答案 0 :(得分:3)

这应该可以解决问题......

alert($(obj).find("option:selected").text());

它使用jQuery对象$(obj),就像你已经拥有的那样,但是find()会搜索子元素,在这种情况下是选中的option

<强> jQuery find()

<强> :selected pseudo-selector

答案 1 :(得分:0)

试试这个..

alert($(obj).find("option:selected").text());

答案 2 :(得分:0)

你可以试试这个:

alert($(obj).find('option').eq(obj.value).text()); 

正在使用 jsFiddle

答案 3 :(得分:-1)

<select id="someid" onchange="test();">
    <option value="0">Select</option>
    <option value="1">Select1</option>
    <option value="2">Select2</option>
    <option value="3">Select3</option>
</select>

的javascript&GT;

function test(){
   var elem = document.getElementById("someid"),

    var selectedNode = elem.options[elem.selectedIndex].text;
    alert(selectedNode );
}

jQuery和GT;

$("#someid").change(){
    alert($(this).find("option:selected").text());
 }