2017-07-15 14 views
0

動的オプションで選択リストを作成するにはどうすればよいですか?PHPの動的オプションで選択

私は2つの選択リストを持っています。最初の選択リストには2つのオプションがあり、それぞれに別の選択リストのオプションリストがあります。

最初の選択オプションを選択した場合、2番目のリストには異なる値を設定する必要があります。

First Select       Second Select 
-----------------      -----------------       
Option selected: [0] StackOverflow   Options Available: 
Another option: [1] GitHub     Ask a Question 
              Answer a Question 
-----------------  ---->   ----------------- 

または第二の値が

First Select       Second Select 
-----------------      -----------------       
Option selected: [1] GitHub    Options Available: 
Another option: [0] StackOverflow   Post a New Repository 
              Fork a Repository 
-----------------  ---->   ----------------- 

を選択した場合、私には、セレクトの値(オプション)を表示するためのMySQLとPHPを使用します。最初の選択では、MySQLで可能なすべてのオプションを表示してからエコーアウトします。

2番目の選択リストには以前選択したIDが必要なので選択できます。 SQLコードの例: "SELECT * FROM sections WHERE id = ?"私はPHPとAJAXの新人ですが、私もこのquestionを見ていますが、それは私のためにはうまくいきません。このダムの質問をもう一度やり直して申し訳ありません。

答えて

0

最初に、2番目の選択ボックスを非表示にします。 jqueryの最初のselectboxにonchange関数を追加します。以下のように。

2番目の選択ボックスに静的がある場合。

$('.firstselect').onchange(function() { 
    var first_val = $(this).val(); 

    if (first_val === 0) { 
    $('stack_select').show(); 
    $('github_select').hide(); 

    } else if(first_val === 1) { 
    $('stack_select').hide(); 
    $('github_select').show(); 
    } 

}); 

第2の選択ボックスが動的である場合。 ajaxリクエストを作成し、jquery appendメソッドを使用してコンテンツを動的にロードします。

関連する問題