mobile-iPhone中的動態下拉

iPhone中的動態下拉

我根據這個網址（http://jsfiddle.net/3UWk2/1/） 的內容在iPhone中進行實驗。但是在JavaScript中好像無法正常運行。請高手給點建議，謝謝。

<script>
$(document).ready(function() {
    $('#00Ni0000007XPVF').bind('change', function() {
        var elements = $('div.container_drop').children().hide(); // hide all the elements
        var value = $(this).val();    
        if (value.length) { // if somethings' selected
            elements.filter('.' + value).show(); // show the ones we want
        }
    }).trigger('change');
});
</script>

最佳回答：

你是不是用了緩存值。hide沒有返回任何信息，因此在你嘗試再次顯示時失敗：

var elements = $('div.container_drop').children().hide();

應該是：

var elements = $('div.container_drop').children();
    elements.hide();

代碼：

$(document).ready(function() {
    $('#00Ni0000007XPVF').bind('change', function() {
        // cache the value
        var elements = $('div.container_drop').children(); 
            elements.hide();   // hide all the elements
        var value = $(this).val();

        if (value.length) { // if somethings' selected
            elements.filter('.' + value).show(); // show the ones we want
        }
    }).trigger('change');
});