フォーム要素を動的に追加

Question

トラフ検索やおすすめタイトルの検索には最善を尽くしましたが、回答が見つかりませんでした。私はPHP経由で生成されるjQueryのモバイルページを持っています。

このページでは選択したドロップダウン（都市）があり、都市を選択すると2番目の選択ドロップダウンがこの1つ下に表示されます.1つは郊外を含むものです。私は注射に必要なHTMLを吐き出すPHPページを手に入れました。

$('#city').change(function() { 
    alert($('#city').val()); 
    if($('#city').val() != "") { 
    $.get('get_burb.php', { city: $('#city').val() }, function(data) { 
     alert(data); 
    }); 
    } 
}); 

すべてがチェックアウトし、データが必要なものです。どこにこれを置くの？新しさには申し訳ありません、私はこのjQueryのものの周りに私の頭を包むことはできません。

編集：

後はそれまで何もしなかった、それは、fieldcontainの中にあったことを把握するために私にしばらく時間がかかりました。また、新たに注入されたフィールドに標準コントロールのスタイリングがないという問題がありました。また、ユーザーが都市を変更した場合、都市にburbsがない場合、htmlを再ロードして削除する必要があります。無数の試行後

と失敗し、私は仕事がfieldcontain内の空のdiv（#here）を置くことによって行われ、その後、そのようにそれで遊んでしまった：

$('#city').change(function() { 
    //alert($('#city').val()); 
    if($('#city').val() != "") { 
     $.get('get_burb.php', { city: $('#city').val() }, function(data) { 
      $('#burb').remove(); 
      $('#here').empty(); 
      $("#here").append(data).trigger('create'); 
     }); 
    } else { 
     $('#burb').remove(); 
     $('#here').empty(); 
    } 
}); 

Answer 1

試してみてください。

$('#city').after(data) 

このトリックを行う必要があります。これにより、cityの選択ボックスの後にHTMLがdataに挿入されます。

Answer 2

チェックアウト.after()

$('#city').after(...) 

Answer 3

あなたはおそらく、「周りにあなたの頭を取得する」との問題を抱えている部分がJQMobileは、実行時に他のHTMLを生成するHTMLを使用していることです。たとえば、ページがレンダリングされる前に一方向にリストが生成され、レンダリングが行われた後に（htmlタグに関して）異なるように見えることがあります。それはしばらく私を混乱させた。

Firebugには、自分のページで何が起きているのかを見て、どのようなものから始めるのか、そしてどのようなものになるのかを理解することをおすすめします。いくつかのJQM関数は、コントロールを正しくレンダリングするpage（）関数を呼び出します。つまり、ページ上に表示されているものに変換します。それを知って、あなたの実際の問題が何であるかを特定するのに役立ちます。

コンボボックスを使用すると、データが変更されている可能性があります。おそらく、それを更新するための関数呼び出しが必要になることがあります。