2016-12-26 109 views
-1

我有一個下拉列表,它包含名稱的列表和「更多」 option.When上比較選項,用戶點擊,它會從數據庫中裝載更多的姓名和顯示這些在dropdownlist.But名字,我要的是,當上了更多的選項,用戶點擊,下拉列表將與數據庫中的數據擴大了什麼,但不關閉dropdownlist.I已經使用Ajax調用從database.Currently填充下拉列表,當用戶點擊在更多選項,下拉列表將關閉並重新用戶想要點擊下拉列表看到更多options.Thanks提前的答案。擴大下降downlist當點擊越選項

+0

的[我可以打開使用jQuery一個下拉列表(http://stackoverflow.com/questions/360431/can-i-open-a-dropdownlist-using-jquery) –

+0

發佈您的代碼可能重複和努力..你可以重新打開dropedown當你ajax調用響應來使用jQuery或JavaScript打開下拉將它,因爲它是 – mean

+0

默認瀏覽器下拉不支持這一點。嘗試使用jQuery插件來實現這種或類似的行爲https://www.sitepoint.com/13-jquery-selectboxdrop-down-plugins/ – VadimB

回答

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

謝謝你的答案,它是一個很好的。我試過這個解決方案。但是問題是重點放在下拉列表的第一個選項上。那不是我想要的。我想在'更多'選項之後關注第一個選項。 –