獲取所選項目的listValue <s:select> 在struts2中

Question

我有一個使用<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);
}

Answer 1

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);">