我如何發布由jQuery動態創建的文本框值

Question

我正在使用codeigniter框架，當用戶單擊按鈕時，jquery會自動生成一個文本框，因此我嘗試使用HTML形式的文本框，但是當我提交表單時，其他文本框的值正確發布了，但我無法發布jquery文本框值。

這是jQuery代碼：

  $("#button").live('click',function add(){ 
   $("#tblRel").append(
       '<tr ><td>'
    +'<input type="text" class="input_value_short" id="prova" name="jquery_txt" value="prova" />'+ 
       '</td><tr>'
   );
});

HTML：

  <?php echo form_open("validation/form_main");?>
  <table id="tblRel"  border="0">
      <tr>
          <td class="lable">Applicant Name:</td>
          <td colspan="3"><?php echo form_input(array('name'=>'applicant_name','class'=>'input_value_long','value'=>set_value('applicant_name'))) ?></td>
      </tr>
 </table>
 <?php echo form_submit(array('id'=>'submit','name'=>'Save','value'=>'Save record','class'=>'button_print'));?>

在form_main（）函數中，我這樣發布：

    form_main(){
    $name        = $this->input->post('applicant_name');
    $jquery_txt  = $this->input->post('jquery_txt');
    }

我可以獲取$ name的值，但$ jquery_txt為空，任何人都可以幫幫我！ 抱歉，我的英語不好。

Answer 1

      $("#button").live('click',function add(){ 
           $("#tblRel").append('<tr ><td><input type="text" class="input_value_short" id="jquery_txt" name="jquery_txt[]" value="prova" /></td><tr>');
       });

我猜您的名稱與該文本框的名稱不同。.使其相同，如果您有多個文本框，請將文本框的名稱更改為數組，否則在發布后將僅獲得一個值。

Answer 2

將jQuery代碼更改為此，它應該可以正常工作。 您的問題是您要通過單擊“提交”按鈕添加內容，這將提交表單，並且內容將在提交請求后追加。

<script>
    $("form").live('submit',function add(){ 
   $("#tblRel").append(
       '<tr ><td>'
    +'<input type="text" class="input_value_short" id="prova" name="jquery_txt" value="prova" />'+ 
       '</td><tr>'
   );
       return true;
});
</script>