如何從另一個HTML控件打開HTML選擇框的選項列表？

如何從另一個HTML控件打開HTML選擇框的選項列表？如何從另一個HTML控件打開HTML選擇框的選項列表？

例如，我有下面的代碼。

HTML

<select> 
    <option>Select</option> 
    <option>Male</option> 
    <option>Female</option> 
</select> 

<span>Click Here</span> to select an open from the option box.

SCRIPT

$('span') 
    .bind('click', function(){ 
     $('select').trigger('click'); 
    });

來源

2013-02-13 Rupam Datta

你不可能真的。有一些黑客，它有點可能，但比你想象的要複雜得多。 – adeneo 2013-02-13 12:40:53

非常有限，你可以用'select'做什麼，這就是爲什麼有這麼多插件取代它們 – charlietfl 2013-02-13 12:40:59

可能的重複[模擬點擊選擇元素與jQuery]（http://stackoverflow.com/questions/13234971/simulate -click-on-select-element-with-jquery） – adeneo 2013-02-13 12:42:30

-2

<select> 
    <option>Select</option> 
    <option value='0'>Male</option> 
    <option value='1'>Female</option> 
</select> 

<span>Click Here</span> to select an open from the option box. 

$('span') 
    .bind('click', function(){ 
     $('select').trigger('change'); 
    }); 

$('select').change(function(){ 
    $(this).val(0); // select male 
});

必須使用的變化，而不是點擊事件。

無論何時觸發事件，您都可能想傳遞一個參數來選擇正確的選項。

來源

2013-02-13 12:44:01 tank

不起作用。 http://jsfiddle.net/VmPmE/1/ – JJJ 2013-02-13 12:59:02

您需要定義在調用更改事件時要執行的操作。 – tank 2013-02-13 13:07:27

這仍然不是問題所在。點擊量程時，選擇列表應該打開，並且用戶選擇他們想要的任何選項。該選項不應該自動更改。 – JJJ 2013-02-13 13:50:21

它是不可能。最好的方法是創建你自己的假選擇框。例如

Chosen例如是用於實現這樣的假selcet框的框架。

來源

2013-02-13 13:33:06

如何從另一個HTML控件打開HTML選擇框的選項列表？

回答

相關問題