javascript - 序列化输入并选择选项

Question

我需要序列化表行(tr)中的输入和选定选项

<form action='' METHOD='post' id='formConfirmOrder'>
<table id='viewTableOrders'>
<tr id='vagon1'>
  <td>
   <select name="order[1][rail_path]" title="1">
     <option value="" selected="selected"></option>
     <option value="1">Patch1</option><option value="2">Patch2</option>
     <option value="3" selected="selected">Patch3</option><option value="5">Patch4</option></select>
  </td>
 <td>
<input name="order[1][vagon_id]" value="210" type="hidden"/>
</td>   

    $('#formConfirmOrder > #viewTableOrders tr#vagon1 
                                            select option:selected,
       #formConfirmOrder > #viewTableOrders tr#vagon1 input').serializeArray();

..*FireBug*仅输入

[Object { name="order[1][vagon_id]", more...}]

我无法从选项中获取选定的值!
输入被序列化。 ，但不是选项。

Answer 1

您需要序列化 ​​<select>不是选项...它将获取选定的 <option>元素automatically (通过获取 .val() 的 <select> ，这里是一个数组)，如下所示:

$('#formConfirmOrder > #viewTableOrders tr#vagon1 select,
   #formConfirmOrder > #viewTableOrders tr#vagon1 input').serializeArray();

或者，如果您想要所有输入，只需使用 :input 选择器，如下所示:

$('#vagon1 :input').serializeArray();

自 id属性应该是唯一的，在给定有效标记的情况下，这应该可以工作...如果您的 ID 不唯一，这是您需要解决的另一个问题。