0

我有这个：

http://jsfiddle.net/Mxkfr/2/

它可以工作，但我需要将VALUE两者的下拉列表提交到另一个页面以进行 mysql 查询。现在，下拉菜单起作用的唯一方法是VALUE两者都相同。

我怎样才能分配一些不同的东西来匹配，而不是VALUE

更新

将我的 mysql 查询添加到下拉列表后，它在第一个下拉列表中的第 20 条记录后停止工作。正好是20号。下拉列表有 150 条记录。

http://pastebin.com/rDRcNrGn

我把我的代码放在 jsfiddle 和 pastebin 上，因为我不希望它出现在谷歌上。

更新 2

在这个问题上花了几个小时后，我仍然无法弄清楚是什么导致了这个问题。我已经改变了我的查询，但仍然没有运气。任何想法为什么会发生这种情况？

4

2 回答 2

1

为什么不上课

像这样

   <option value="whatever value" class="col3">layout 3</option>
    <option value="other value" class="col3">layout 4</option>
    <option value="col3_sms" class="col3">layout 5</option>

然后就

$('.col3').show()

这是一个活生生的例子

http://jsfiddle.net/JKbjV/1/

于 2013-01-24T18:51:57.887 回答
1

我会采取不同的方法，使用data-属性来确定应该禁用哪些下拉选择。

HTML：

<select name="column_select" id="column_select">
    <option value="1" selected>1 column</option>
    <option value="2">2 column</option>
    <option value="3">3 column</option>
</select>

<select name="layout_select" id="layout_select">
    <!--Below shows when '1 column' is selected is hidden otherwise-->
    <option data-col="1" value="none">none</option>

    <!--Below shows when '2 column' is selected is hidden otherwise-->
    <option data-col="2" value="layout-1">layout 1</option> 
    <option data-col="2" value="layout-2">layout 2</option>

    <!--Below shows when '3 column' is selected is hidden otherwise-->
    <option data-col="3" value="layout-3">layout 3</option>
    <option data-col="3" value="layout-4">layout 4</option>
    <option data-col="3" value="layout-5">layout 5</option>
</select>

JS：

$(document).ready(function() {
    $("#column_select").change(function() {
        var val = $(this).val();
        // not all browsers let you hide individual options; disable them instead
        $("#layout_select").children().prop('disabled',true).filter(function(i) {
                return $(this).data('col')<=val;
            }).prop('disabled',false);
    });
    $('#column_select').trigger('change');
})

http://jsfiddle.net/Mxkfr/88/

于 2013-01-24T18:53:41.240 回答