如何绑定多个function结果作为选择在表单选择弹出框中的选项？

这是小提琴http://jsfiddle.net/Dano007/b11xarpp/5/

更清楚。 在下拉框中，我想要两个选项（文本）。 当用户单击其中一个选项时，将返回相关的函数结果。 就像点击按钮时一样，仅举例来说。

我添加了下拉框，但无法看到如何将两个查询的结果绑定到它。

我可以使用类似的东西吗？

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

感觉就像我用这个热壁砖一样，理想情况下想要小提琴帮助过去。

Answer 1

在HTML中，将select id更改为有效的css id，例如： s_FriendsConnected

在您的Javascript中，将select = 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()函数。 此外，我已将用于on Change事件的按钮的clickfunction替换为select菜单：

 $('select#s_Friends').change(function(){ var selection = $(this).val(); if(selection=='f_connected') FriendsConnected(); else if(selection=='f_requests') FriendsPending(); }); 

这几乎都是。 这是更新的jsfiddle： http ： //jsfiddle.net/b11xarpp/8/