AJAXまたはjQueryとPHPを使用して選択ボックスから選択した値からテキストフィールドをポーズするのに役立つチュートリアルまたはコードはありますか?AJAXまたはjQueryとPHPを使用してテキストフィールドに入力する動的選択ボックス
1
A
答えて
6
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
//Please visit http://www.nokiflores.com
$(document).ready(function() {
$("#country").change(
function() {
$("#capital").val($(this).val());
}
);
});
</script>
<select id="country" name="country">
<option value="Delhi" >India</option>
<option value="manila" >phil</option>
<option value="tokyo" >japan</option>
</select>
<input type="text" readonly="readonly" value="" id="capital" name="capital" />
はこれを試してみてください: あなたがPHPを使用したい場合は、AJAXを使用してそれを別の方法を行います。 私はあなたが欲しい答えはここにあると思いhttp://www.nokiflores.com
0
...絵のように私はあなたがデリーを埋めると、スクリプトがない反対、インドを決めることができますね。 しかし、選択した国の都市の一部を利用可能にしたい場合は意味があります。
あなたの質問には、すべての主要国とそこにある都市の巨大なリストが必要です。
私のアプローチ: javascriptでは 'country'の配列を作成します。 各国のcsvリストを作成します(in.csv、us.csvなど)
ここでは、JSの国別のオプションフィールドを使用しています。 国が選択されたら、jqueryを起動してajaxを使用して対応する 'country-code.csv'を取得します。 次に、フェッチされた都市名の選択リストを作成するだけです。
注:CSVに反対するユーザーもいれば、適切なファイル形式を選択することもできます。
関連する問題
- 1. AJAXを使用してHTMLで選択ボックスにデータを入力
- 2. Laravel、jquery - 選択ボックスごとに入力ボックスを入力してください
- 3. JQueryとAjaxを使用した動的な依存選択
- 4. PHP Javascript動的選択ボックス
- 5. jQueryを使用して選択ボックスまたはテキストボックスが入力されたときを検出する
- 6. ajaxとPHPを使用して1番目の選択ボックスに基づいて2番目の選択ボックスにデータを入力
- 7. jquery ajaxを使用して選択ドロップダウン値を動的に変更します
- 8. AJAXで動的に入力された選択ボックスはフォームの投稿に投稿しません
- 9. jquery、php、およびmysqlを使用して動的に選択ボックスを追加しますか?
- 10. select2とバインディング値を使用して動的に作成された選択ボックス
- 11. jQueryとPHPを使用してのみ、テキスト入力のための入力ボックスを有効にする方法
- 12. ドロップダウン選択に基づくHTML動的入力ボックス
- 13. 動的に入力されたセレクトボックス値を選択してください。ajax
- 14. bokehの選択ウィジェットを使用して入力ボックスを動的に表示する方法
- 15. jqueryを使用して選択ボックスにオプショングループとオプションを動的に追加します。
- 16. HTMLで選択ボックスとテキストフィールドを動的に生成する方法
- 17. 動的選択ボックス
- 18. デフォルトで、[選択]ボックスを動的に選択します。
- 19. テキストフィールドを選択ボックスにする
- 20. JavaScriptを使用した2つの選択ボックス動的オプション
- 21. Codeigniterでjavascript multifieldを使用した動的選択ボックス
- 22. ASP.NET MVCでjQueryを使用してドロップダウンリストから選択した項目でテキストフィールドを入力する方法
- 23. 選択ボックスの入力ボックスを開くjQuery
- 24. 角度を使用して選択ボックスの動的オプション
- 25. 入力ボックスに選択した日付が入力されていません
- 26. 選択ボックスへの入力
- 27. IE入力選択ボックス
- 28. シミュレートされたキーを使用して入力ボックスにテキストを自動的に入力します
- 29. HTMLとJavascriptを使用してテキストフィールドを自動入力する
- 30. ajaxを使用して選択フォームに入力する方法は?
をご覧ください:http://stackoverflow.com/questions/5592574/populate-select-from-other-select-value-using-jquery – OverZealous
私は与えないだろうか今はちょっと漫画サンズのために。 –
@Ben [COMIC SAAAAANS !!!](http://www.explosm.net/comics/2301/) – Phil