如何从表中获取选定的值

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

如果你只需要这些值，你可以使用 jQuery 的map()。

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

否则自己创建它，可能使用循环，或$.each 或其他东西。

var data = {};
$("input, select").each(function() {
    var element = $(this);
    data[element.attr("id")] = element.val();
});

甚至可以直接和静态访问元素。

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

Answer 2

您无法从选择中获取值

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

Answer 3

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