Question

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

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

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

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

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

感觉我已经用这种方式烫了一堵砖墙，理想情况下想要帮助小提琴走过它。

Answer 1

在您的HTML中，将选择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/

UPDATE :::

根据您的要求，在这个新的jsfiddle中，我删除了按钮并在html中放置了带有值的选项标签。在Javascript中，我删除了var select = document.getelementbyid()函数。此外，我已将click事件的on Change功能替换为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/

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

1 个答案: