ドロップダウンリストがあり、名前リストと「詳細」オプションが含まれています。ユーザーがmoreオプションをクリックすると、データベースからより多くの名前がロードされ、ドロップダウンリストを閉じることなくドロップダウンリストがデータベースからデータと共に展開されます。私はajaxコールを使用してデータベースからドロップダウンリストを作成しました。現在、ユーザーがクリックするとより多くのオプションでは、ドロップダウンリストが閉じられ、再度ドロップダウンリストをクリックして、より多くのオプションを表示したいと考えています。詳細オプションをクリックするとドロップダウンリストが展開されます
<!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>
ありがとうございます。良い答えです。私はこの解決策を試しました。しかし、問題はフォーカスがドロップダウンリストの最初のオプションに行くことです。それは私が望んでいません。私は最初のオプションに焦点を当てたい、 'より多くの'オプションの後。 –
（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