jQuery在表内获取选择元素

Question

I have the following table element which has a select element in its td. The table id (table1 in the example) can keep changing. So, how can I fetch the selected option using table ID in JQuery?

    <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>

Answer 1

I don't understand why your id keep changing. But maybe you will want to iterate through your table using jquery selector on class name.

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

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

Answer 2

尝试下面的代码

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

Answer 3

You can use this selector in jQuery $('table[id^="table"]')

Jquery - "Attribute starts with" selector

Answer 4

This is how you get it using table id.

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

But better you get this select directly:

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