javascript - 如何在 JSP 页面中使用 Javascript 读取下拉值

Question

我想知道如何从 JSP 中读取 DropDown 列表值。下面是我的 JSP 的代码。

   <fieldset>
   <s:form theme="simple" enctype="multipart/form-data"  name="uploadDocument" method="POST" action="?">
   <table>
   <tr>
   <td wrap>Select The Type of Letter to Upload:</td><td><s:select id="letters" list="letterList" name="ListofLetters" headerKey="-1" headerValue="--Select The Letter Type--"/></td>
    <tr>
    <td nowrap ><s:file name="userFile" label="userFile" size="25" id="upload" /></td>
    <td  class="button-blue"><s:submit action="Upload" value="Attach File" onclick=" return validateFile()"/></td>
    </tr>
    </table>
    </s:form>
    </fieldset> 

从数据库动态填充列表的位置。我想知道如何获取 Dropdownlist 值而不是键。因为当我使用

document.getElementById('letters').value

它返回我的键值，如“0,1,2 等”我怎样才能获得与单个键关联的值，以便我可以执行正确的检查。提前致谢 ：）

Answer 1

使用它来获取当前选择的选项的文本：

var sel = document.getElementById('letters');
var selText = sel.options[sel.selectedIndex].text;

小提琴

Answer 2

document.getElementById('letters').value; // returns the value ie 1 / 2 / 3 etc

var dropdown=document.getElementById('letters');
dropdown.options[dropdown.selectedIndex].text; // returns the text

希望这可以帮助。