テーブルから選択した値を取得する方法

Question

テーブルから選択した値を取得する方法。

は、HTMLテーブルを作成：

<tr> 
    <th>Start Date</th> 
    <th>End Date</th> 
    <th>Project</th> 
    <th>Charge#Field</th> 
    <th>Employee Name</th> 
</tr> 
<tr> 
    <td> 
    <input type="date" id="startdate"> 
    </td> 
    <td> 
    <input type="date" id="enddate"> 
    </td> 
    <td> 
    <select id="projkey" multiple="multiple"> 
     <option value="A">a</option> 
     <option value="B">B</option> 
    </select> 
    </td> 
    <td> 
    <select id="chargefield"> 
     <option value="charge">charge Number</option> 
     <option value="Substatus">Substatus</option> 

    </select> 
    </td> 
    <td> 
    <select id="userkey" multiple="multiple"> 
     <option value="ABC">ABC</option> 
     <option value="XYZ">XYZ</option> 
     <option value="BHU">BHU</option> 
    </select> 
    </td> 
</tr> 

jqueryのを使用してstartdate、end date、projectkey、charge、userの選択されたフィールドを取得する方法。

Answer 1

var startdate = $('#startdate').val(); 
var enddate = $('#enddate').val(); 
var projkey = $('#projkey').val(); 
var chargefield = $('#chargefield').val(); 
var userkey = $('#userkey').val(); 

Answer 2

値が必要な場合は、jQueryのmap()を使用できます。

var array = $("input, select").map(function() { 
    return $(this).val(); 
}).get(); 

そうでないかもしれないループ、または$.eachまたは何か他のものと、それを自分で作成します。

また、要素の直接的かつ静的なアクセスも可能です。

var startdate = $("#startdate").val(); 
var enddate  = $("#enddate").val(); 
var projkey  = $("#projkey").val(); 
var chargefield = $("#chargefield").val(); 
var userkey  = $("#userkey").val(); 

Answer 3

あなたは、これは非常に基本的な質問で選択

$("#myselect option:selected").text();