Javascript 获取所选下拉列表项的值

晚上好，我的JSP中有这些动态生成的下拉列表：`

    <td><select name="model" id="model"  onchange="convertDropDownToTextBox()">

                            <c:forEach items="${model_list}" var="item">

                                <option value="${item.modelId}">${item.modelName}</option>
                            </c:forEach>
                                                            <option value="100">Add New Model</option>

            </select></td>

---

这里的问题是，它总是为下拉列表中选择的每个项目提供1，但是如果我将onChange更改为

onChange=“alert（this.value）”

它会打印正确的值！！怎么会这样？以及如何获取下拉列表中选定的每个项目的实际索引

不确定问题出在哪里，但这对我很有用：

var select = document.getElementById("model");
select.onchange = function(){
    var selectedString = select.options[select.selectedIndex].value;
    alert(selectedString);
}

---

演示：

只需将

事件

对象传递到端点函数：

<select onchange="convertDropDownToTextBox(event)">
    <option value="1">Option 1</option>
</select>

function convertDropDownToTextBox(e) {
    console.log(e.target.value);
}

---

HTML中select元素的操作在哪里？'onchange'事件在javascript中声明，这样您就不需要在HTML中放入任何javascript。看看JSFIDLE。

function convertDropDownToTextBox(e) {
    console.log(e.target.value);
}