我有一个HTML表单但其中的一些输入未提交,即使它们处于活动状态。 http://jsfiddle.net/hbw3/qzcTS/2/的实例。
表单中明确包含多个div,但只提交了一个div中的输入。为什么是这样?
HTML源代码:
<form accept-charset="UTF-8" action="whatever" id="map_form" method="post">
<table>
<tr>
<td>
<select id=1 name=col_1 class="column_select">
<option value="0">None</option>
<option value="1">id (integer)</option>
<option value="2">name (string)</option>
</select>
</td>
<td>
<select id=2 name=col_2 class="column_select">
<option value="0">None</option>
<option value="1">id (integer)</option>
<option value="2">name (string)</option>
</select>
</td>
</tr>
</table>
<div class="span4" id="default_values">
<label for='id' class='control-label'>id (integer)</label>
<input type='text' id='id' />
<label for='name' class='control-label'>name (string)</label>
<input type='text' id='name' />
</div>
<input name="commit" type="submit" value="Upload Table" />
</form>
<div id='result'></div>
JS显示提交的输入:
$('form#map_form').submit(function () {
$('div#result').text($(this).serialize());
return false;
})
答案 0 :(得分:4)
您在上一个div中的输入上缺少名称属性。我尝试在你的样本中添加一些,似乎已经修复了它。