ドロップダウンボックスを2つ選択し、最初に2番目のNO AJAXを更新します。

Question

2つのドロップダウンフォームボックスが必要です。最初のコンテンツを選択すると、2番目のコンテンツが更新されます。

しかし、JavascriptでAJAX JSONを更新したくない（私はこれらのオンラインを見つけましたが、私のサーバーでは動作させることはできません）。私がやりたいことは、ページが読み込まれたときにリストを生成し、すでにページにロードされているリストからJavascriptを取得することです。データはmySQLデータベースから来ていますが、ページにプリロードされているので高速です。

データベースからデータを取得することはできますが、必要なのは、2番目のドロップダウンボックスで、変数リストやAJAX JSON更新ではなく他の関数からデータを取得するJSです。

私はこのスクリプトのAJAXバージョンですが、私が知る限り、私はjqueryを使用します。

Answer 1

<select id="firstselect" onchange="changeMe(id)" /> 

<script> 
function changeMe(id) { 
    var options1=[1,2,3,4]; 
    var options2=[2,3,4,5]; 

    var options = null; 
    if (id = 1) { 
    var options = options1; 
    } else { 
    var options = options2; 
    } 

    for (var i = 0; i < options.length; i++) { 
    var optn = document.createElement("OPTION"); 
    optn.text = options[i]; 
    optn.value = options[i]; 
    $('secondSelect').add(option, i); 
    } 
} 
</script>