使用jquery的两个选择框过滤选项

我有两个由php生成的选择框

    <div id="option-264" class="option">
        <span class="required">*</span>
        <b>Board Type:</b><br />
        <select name="option[264]" class="optionChoice">
            <option value=""> --- Please Select --- </option>
            <option value="20">All Mountain </option>
            <option value="21">Straight Jibber </option>
            <option value="22">Bender </option>
            <option value="23">Tripod </option>
         </select>
    </div>
    <br />
    <div id="option-265" class="option">
        <span class="required">*</span>
        <b>Board Size:</b><br />
        <select name="option[265]" class="optionChoice">
            <option value=""> --- Please Select --- </option>
            <option value="17">146                        </option>
            <option value="18">147                        </option>
            <option value="19">149                        </option>
            <option value="24">150                        </option>
            <option value="25">152                        </option>
            <option value="26">153                        </option>
            <option value="27">155                        </option>
            <option value="28">156                        </option>
            <option value="29">157                        </option>
            <option value="30">158                        </option>
            <option value="31">159                        </option>
         </select>
    </div>

我对它进行了黑客攻击，并让它与我见过的最丑陋的代码iv一起工作。如果我能隐藏选项，而不仅仅是将它们灰显出来，我会更喜欢。

类似的东西

$('select[name="option[264]"]').change(function(value) {
    var selected = $(this).children('option:selected').val();

    //hide all options
    $('select[name="option[265]"] option').hide(); 

    //show options based on initial selection
    if (selected == 20) {
        $('select[name="option[265]"]').find('option:contains("152"), option:contains("155"), option:contains("159")').show();
    } else if (selected == 21) {
       //etc etc
    }
});​

---

我承认，这绝对不是最优雅的解决方案。

事实上，我没有正确地理解你，但是。。据我所知，你有一个动态的选择框，你希望它的值在更改后隐藏、显示等

    <script type="text/javascript">
        jQuery(document).ready(function(){

    jQuery('#id_name_ur').change(function() {

           if(jQuery('#Idname option:selected').val() != ''){

$(this).hide(); 
                    //like this u can got ur solutions ...
    // put ur code here
                   alert("you selected an option");
    return true;
                }else{
    alert("please select an option");
    return false;
    }


    });

        });
    </script>

---

不，那没什么意义。我觉得选项很好：contains真的能帮我整理一下

    <script type="text/javascript">
        jQuery(document).ready(function(){

    jQuery('#id_name_ur').change(function() {

           if(jQuery('#Idname option:selected').val() != ''){

$(this).hide(); 
                    //like this u can got ur solutions ...
    // put ur code here
                   alert("you selected an option");
    return true;
                }else{
    alert("please select an option");
    return false;
    }


    });

        });
    </script>