Question

回答：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文档。

Answer 1

您可以使用：

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

Answer 2

在jquery中你可以尝试这个$("#select_id>option:selected").text()

Answer 3

form.MySelect.options[form.MySelect.selectedIndex].value

Answer 4

var option_user_selection = document.getElementById("maincourse").options[document.getElementById("maincourse").selectedIndex ].text

使用JavaScript获取选项文本/值

4 个答案: