JQuery在表中获取select元素

时间:2013-10-07 19:12:37

标签: javascript jquery html

我有以下表元素,其td中有一个select元素。表id(示例中的table1)可以不断变化。那么,如何在JQuery中使用表ID获取所选选项?

    <table class="indexViews" id = "table1">
   <tr>
    <td align="center", width="10%" valign="middle"></td>
    <td align="center", width="70%" valign="middle">
        <select  id="indexViewsList" class="indexViewsListWnd" onChange="switchIndexView(this)">
            <option id="0" value="0" selected="selected">Index Quick View</option>
            <option id="1" value="1">Identifier View</option>
            <option id="2" value="2">Commodity</option>
        </select></td>
    <td align="right", width="10%" valign="middle"><input class="searchIcon" type="image" src="../../images/downloadIcon.gif" alt="Submit" onClick="downloadIndexFile()"></input></td>
   </tr>
</table>

4 个答案:

答案 0 :(得分:2)

我不明白为什么你的身份不断变化。但也许你会想要在类名上使用jquery选择器迭代你的表。

var lstIndexView = $(".indexViews .indexViewsListWnd");

http://api.jquery.com/class-selector/

答案 1 :(得分:1)

尝试以下代码

var selectedValue= $(".indexViews .indexViewsListWnd").val();

答案 2 :(得分:1)

您可以在jQuery $('table[id^="table"]')

中使用此选择器

Jquery - "Attribute starts with" selector

答案 3 :(得分:1)

这就是你如何使用表格ID获得它。

$('#table1 #indexViewsList').val();

但更好的是你直接选择这个:

$('#indexViewsList').val();