javascript - 在struts2的<s:select>中获取所选项目的listValue

我有一个使用<s:select>标记的JSP页面。

<s:select
        id="userGroups"
        headerKey="-1"
        headerValue="------ Select Group ------" list="userGroupList"
        listValue="groupName"
        onchange="selectGroup()">

我要实现的是使用javascript函数显示所选项目的listValue。这样做的方式可能是什么？

编辑：我的selectGroup（）函数：

function selectGroup(){
    var selectedGroup = document.getElementById('userGroups');
    alert(selectedGroup.value);
}

最佳答案

function selectGroup(){
    var sel = document.getElementById('userGroups');
    alert(sel.options[sel.selectedIndex].text);
}

要么

<s:select
    id="userGroups"
    headerKey="-1"
    headerValue="------ Select Group ------" list="userGroupList"
    listValue="groupName"
    onchange="selectGroup(this)">

function selectGroup(sel){
    alert(sel.options[sel.selectedIndex].text);
}

要么

<s:select
    id="userGroups"
    headerKey="-1"
    headerValue="------ Select Group ------" list="userGroupList"
    listValue="groupName"
    onchange="alert(this.options[this.selectedIndex].text);">