ドロップダウンリストがあり、名前リストと「詳細」オプションが含まれています。ユーザーがmoreオプションをクリックすると、データベースからより多くの名前がロードされ、ドロップダウンリストを閉じることなくドロップダウンリストがデータベースからデータと共に展開されます。私はajaxコールを使用してデータベースからドロップダウンリストを作成しました。現在、ユーザーがクリックするとより多くのオプションでは、ドロップダウンリストが閉じられ、再度ドロップダウンリストをクリックして、より多くのオプションを表示したいと考えています。詳細オプションをクリックするとドロップダウンリストが展開されます
-1
A
答えて
0
<!DOCTYPE html>
<html>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
function showHideOther(){
if (document.getElementById('drop_down').value == 'other') {
$.get("xyz.php", function(data, status){
$('#drop_down').attr('size',4+data.length);
});
}
}
</script>
<select name="" id="drop_down" onchange="showHideOther();">
<option value="choose">Please choose</option>
<option value="Allure">a</option>
<option value="Elle">b</option>
<option value="In-Style">c</option>
<option value="other">More</option>
</select>
</body>
</html>
+0
ありがとうございます。良い答えです。私はこの解決策を試しました。しかし、問題はフォーカスがドロップダウンリストの最初のオプションに行くことです。それは私が望んでいません。私は最初のオプションに焦点を当てたい、 'より多くの'オプションの後。 –
関連する問題
- 1. BizTalk - 展開の詳細はどこに格納されます
- 2. ドロップダウンリスト - オプションをクリックするとdivが表示される
- 3. 詳細を表示するウィンドウは展開されませんコレクションのプロパティ
- 4. 要素をクリックするとリストビューが展開されます
- 5. divをクリックするとスティッキーヘッダーが展開されます
- 6. DataGridの行をクリックすると詳細が表示されます
- 7. 詳細:mklinkとそのオプション
- 8. ダイナミックphpプロジェクトのタイトルリンクをクリックすると、プロフィールページの詳細なプロジェクト詳細が得られます。
- 9. ラベルに詳細を追加して展開するUITableViewCell
- 10. 詳細開示後の注釈の詳細は押されましたか?
- 11. CSS - サブメニューをクリックすると、親展開とサブメニューがハイライト表示されます。
- 12. クリックすると展開/セットアッププロジェクト
- 13. ASP.NETドロップダウンリストが画面を超えて展開される
- 14. 展開後のドロップダウンリスト
- 15. クライアント詳細テンプレートのドロップダウンリスト - 剣道グリッド
- 16. Javaカードのアプレット展開の詳細表示
- 17. ポリマー内のバージングリッド、展開可能な詳細行の追加
- 18. ExpandableListView with RadioButtons 1つのラジオグループの値を選択し、グループが展開されるといくつかの詳細が選択されます
- 19. ブラウザを押すと詳細が保存される
- 20. クリックするとSVGの菱形がアニメーションを展開します
- 21. スピナーアイテムをクリックするとリストビューにそのアイテムの詳細が表示されます
- 22. 詳細ビューの他のドロップダウンリストに基づくドロップダウンリストの変更ASP.NET
- 23. Google Inboxのような詳細に展開するリストアイテムの移行
- 24. 詳細を変更すると、AngularJs、マスター詳細更新マスター
- 25. シェルチルダ展開はオプションとして渡されたとき
- 26. リストアイテムをクリックすると展開されるレイアウトにリストをバインドする方法
- 27. ユーザーが[詳細を表示]ボタンをクリックしたときに投稿がさらに表示される
- 28. 詳細と要約タグで拡大するをクリックしてください
- 29. Z3 INIオプションの詳細な文書
- 30. リストをマウスでクリックするとリストを展開します
(http://stackoverflow.com/questions/360431/can-i-open-a-dropdownlist-using-jquery)[私はjQueryのを使用してドロップダウンリストを開くことができます] –
の可能性のある重複したあなたのコードを投稿して努力..そしてあなたは、ドロップダウンを開くことができますあなたは、jqueryまたはjavascriptを使用して、それが現れるようになるドロップダウンを開くと、 – mean
デフォルトのブラウザのドロップダウンはこれをサポートしていません。 jQueryプラグインを使用して、これと同様の動作をさせてください。https://www.sitepoint.com/13-jquery-selectboxdrop-down-plugins/ – VadimB