動的に生成されたテキストフィールドには、JavaScriptによって設定された値を示していない

Question

Iは、動的に生成されたテキストフィールド（次のコードを使用して）を有する：このフィールドは、ユーザがボタンを押し、一度生成さ

echo "<div><table width='100%'><tr> 
     <td> 
      Date: <input type='text' class='span2' id='currDate'> 
     </td><td rowspan='2'></td></tr></table>"; 

、JavaScriptには、このボタンのリンクを：

$('#receipts button').live('click', function(){ 
     var id = this.id; 
     $.ajax({ 
      type: "post", url: "receipt-stock.php", data: "production_detail_id="+id, 
      success: function(data) { 
       $('.modal-body').html(data); 
       $('#new_receipt').modal('show'); 
       var myDate = new Date(); 
       var prettyDate = myDate.getDate()+'-' +(myDate.getMonth()+1)+'-'+myDate.getFullYear(); 
       $("#currDate").val(prettyDate); 
       $('#currDate').datepicker({ dateFormat: 'dd-mm-yy' }); 
      } 
     }); 
    }); 

javascriptからわかるように、上のコードのテキストフィールドを含むモーダルを表示しています。現在の日付に#currDateという値を設定している部分を除いてすべて正常に動作しますが、テキストフィールドには何も表示されません。

ただし、アラートを使用すると、テキストフィールドに値があり、表示されないことがわかりました。

Answer 1

でなければなりません。ページ全体を見ることなく、確かに言うのは難しいですが、私はこの問題をかなり実際に見ました。 jQueryは最初のIDを見つけます。これが値を取得する要素です。

コードの残りの部分を見ずに正確な修正を行うのは難しいです。 .modal()を呼び出す前に、currDate要素の値を設定してみてください。 currDateをクラスまたは一意のIDに変更する方法があれば、それが役に立ちます。あるいは、コードを$('#new_reciept #currDate').val(prettyDate);のように変更することができます。

Answer 2

以前の投稿者によると、それは日付を空白にしている.datepicker()コールです。上記のコードを削除して希望の結果を得ることができるようにするパラメータdefaultDate: new Date()を追加することができます。

はまた、あなたの入力要素は <input type='text' class='span2' id='currDate' >を閉じられることはありません、私は問題はあなたが.modal()を行った後、あなたは有効なHTMLではありませんID #currDate、2つの要素を持っていると思う<input type='text' class='span2' id='currDate' />