javascript - 如何将多个函数结果绑定(bind)为选项以在表单选择弹出框中进行选择？

Question

这是 fiddle http://jsfiddle.net/Dano007/b11xarpp/5/

说得更清楚一点。在下拉框中，我想要两个选项(文本)。当用户单击这些选项之一时，将返回相关的函数结果。就像单击按钮时看到的那样，这仅作为示例。

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

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

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

感觉就像我用这个烫了一堵砖墙，理想情况下需要一些帮助来让 fiddle 越过它。

Answer 1

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

<select name="huge" class="btn-group select select-block mbl select-multiple" id="s_FriendsConnected">

在 Javascript 中，将 select = getElementByID(FriendsConnected) 的 ID 更改为新的选择 ID:s_FriendsConnected

var select = document.getElementById("s_FriendsConnected");

这在我的本地计算机上解决了这个问题...稍后将使用 jsfiddle 进行更新..

编辑:

这是 jsfiddle。 : http://jsfiddle.net/b11xarpp/7/

更新:::

根据您的要求，在这个新的 jsfiddle 中，我删除了按钮并在 html 中放置了带有值的选项标签。在 Javascript 中，我删除了 var select = document.getelementbyid() 函数。此外，我还用 select 菜单的 on Change 事件替换了按钮的 click 函数:

$('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/