일부 입력이 제출되지 않았습니다.

Question

본인은 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; 
}) 

Answer 1

는 마지막 사업부의 입력에 속성. 나는 당신의 견본에 약간을 첨가하는 것을 시도하고 저것을 고쳤다 보인다.