在HTML中,選擇ID更改爲有效的CSS ID,像這樣:s_FriendsConnected
<select name="huge" class="btn-group select select-block mbl select-multiple" id="s_FriendsConnected">
在JavaScript中,更改選擇=的getElementById(FriendsConnected)的ID,以新的選擇ID:s_FriendsConnected
var select = document.getElementById("s_FriendsConnected");
這解決了它在我的本地機器上......將在一段時間中的jsfiddle更新..
編輯:
這裏是jsfiddle。 :http://jsfiddle.net/b11xarpp/7/
UPDATE :::
根據您的要求,在這個新的jsfiddle,我已經刪除按鈕和放置選項標籤與在HTML值。 在Javascript中,我刪除了var select = document.getelementbyid()
函數。
$('select#s_Friends').change(function(){
var selection = $(this).val();
if(selection=='f_connected')
FriendsConnected();
else if(selection=='f_requests')
FriendsPending();
});
這是大多都: 另外,我已經與on Change
事件到select
菜單更換你的click
功能的按鈕。這裏是更新的jsfiddle:http://jsfiddle.net/b11xarpp/8/
你想在下拉菜單的每一項中做一個按鈕? – Gustavo 2014-08-28 18:19:05
@GustavoPinent抱歉,要更清楚。在下拉框中,我會列出兩個選項(文本)。當用戶點擊其中一個選項時,相關的功能結果將被返回。像點擊按鈕時看到的那樣,例如只有 – Dano007 2014-08-28 18:20:49