2014-08-28 52 views
0

這裏是小提琴http://jsfiddle.net/Dano007/b11xarpp/5/如何將多個函數結果綁定爲選項以在窗體中選擇選擇彈出框?

更清晰。在下拉框中,我想要兩個選項(文本)。當用戶點擊其中一個選項時,相關的功能結果將被返回。就像點擊按鈕時看到的一樣,這僅僅是一個例子。

我已經添加了下拉框,但無法看到如何將兩個查詢的結果綁定到它。

我可以使用類似的東西嗎?

$("select#FriendsConnected option.filter-prop2").show(); 
$("select#FriendsConnected option.filter-prop1").show(); 

覺得我已經用這個熱磚牆,理想情況下想要一些幫助小提琴移過它。

+0

你想在下拉菜單的每一項中做一個按鈕? – Gustavo 2014-08-28 18:19:05

+0

@GustavoPinent抱歉,要更清楚。在下拉框中,我會列出兩個選項(文本)。當用戶點擊其中一個選項時,相關的功能結果將被返回。像點擊按鈕時看到的那樣,例如只有 – Dano007 2014-08-28 18:20:49

回答

1

在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/

+0

謝謝,認爲還是有些混亂。選擇框的目的是讓用戶在點擊時可以選擇「FriendsConnected」或「FriendsPending」選項,以將結果返回到頁面。這些按鈕僅用於說明用戶在選擇框中單擊某個選項後應該發生的情況。這有幫助嗎? – Dano007 2014-08-28 18:59:37

+0

那麼你想要做什麼?您的內容通過按鈕顯示,如果您需要將這些按鈕行爲綁定到選擇菜單選項,則應該使用'(select).on('change',function(){}'並添加類似於'this.hyperlink.click'允許加載你的內容改變選擇菜單選項。我現在不能創建一個jsfiddle,但這主要是我認爲代碼可能是怎麼樣的... – mk117 2014-08-28 19:08:58

+0

你總結似乎內聯我想要做的,基本上選擇菜單將取代按鈕。如果您可以更新您的答案,我很高興接受這個! – Dano007 2014-08-28 19:49:28

相關問題