如何使用JavaScript获取选项文本/值?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (21)

var option_user_selection = element.options[element.selectedIndex].text

我正在尝试构建填写某人订单的表单。

<form name="food_select">
    <select name="maincourse" onchange="firstStep(this)">
        <option>- select -</option>
        <option text="breakfast">breakfast</option>
        <option text="lunch">lunch</option>
        <option text="dinner">dinner</option>
    </select>
</form>

我想要做的是发送选择对象,从选项菜单中取出名称和文本/值以及选项标签中的数据。

function firstStep(element) {
    //Grab information from input element object
    /and place them in local variables
    var select_name = element.name;
    var option_value = element.value;
}

我可以获取名称和选项值,但我似乎无法从select对象中获取text =“”或value =“”。我只需要用户选择的选项菜单中的文本/值。我知道我可以将它们放在一个数组中,但这没有帮助

var option_user_selection = element.options[ whatever they select ].text 

我也需要使用传入的select参考,因为它是在代码的其余部分设置的。

稍后,将使用该文本/值来拉动将动态填充下一个选择表单的XML文档。

提问于
用户回答回答于

可以使用:

var option_user_selection = element.options[ element.selectedIndex ].text
用户回答回答于

在jQuery中,可以尝试以下方法

$("#select_id>option:selected").text()

扫码关注云+社区