0

データベースから動的に値を設定するドロップダウン メニューがあります。

view値が選択されている場合、選択したオプションに応じて特定の値をロードするにはどうすればよいですか?

選択したオプションに応じて、特定のビューをロードするようになりました。

コード：

        if (isset($_REQUEST['general_options'])) {

            $page = strtolower(str_replace(" ", "", $_REQUEST['general_options']));


            $this->load->view( $page, $data, FALSE);
        }

選択した質問に応じて、特定の質問を含むフォームを動的に作成するにはどうすればよいですか?

HTML:

<label for="general_options">Quote Type: </label>
    <select name="general_options" id="general_options">

        <option value="Graphic Design">Graphic Design</option>


        <option value="Content Management System">Content Management System</option>


        <option value="Shopping Cart">Shopping Cart</option>


        <option value="E-Mail Marketing">E-Mail Marketing</option>

            </select>
4

2 に答える 2

0

オプションタグの値には、テキストの代わりにsを使用できますid。次に、ユーザーがフォームを送信したときに、選択したIDでデータベースにクエリを実行するコード（サーバー側）を記述できます。インタラクティブな方法が必要な場合は、AJAXを使用できます。

jQueryには、get（）、post（）、およびajax（）メソッドがあります。それらの1つを使用できます。

于 2012-08-06T03:19:14.543 に答える
0

これにはphpはやり過ぎだと思います。これにはjqueryを使用しました。ここでjsfiddleを見つけることができます

<label for="general_options">Quote Type: </label>
    <select name="general_options" id="general_options">
        <option value="graphic">Graphic Design</option>
        <option value="content">Content Management System</option>
        <option value="shopping">Shopping Cart</option>
        <option value="marketing">E-Mail Marketing</option>
</select><br/>

<div id="graphic" style="display:none;" class="questions">
    <p>Graphic content 1</p>
    <p>Graphic content 2</p>
    <p>Graphic content 3</p>
</div>

<div id="content" style="display:none;" class="questions">
<p>CMS content 1</p>
<p>CMS content 2</p>
<p>CMS content 3</p>
</div>

<div id="shopping" style="display:none;" class="questions">
<p>shopping content 1</p>
<p>shopping content 2</p>
<p>shopping content 3</p>
</div>

<div id="marketing" style="display:none;" class="questions">
<p>marketing content 1</p>
<p>marketing content 2</p>
<p>marketing content 3</p>
</div>

そしてjqueryコード

$(document).ready(function() {
     $('#general_options').change(function() {

      theVal = $("#general_options").val();
     $('div.questions').each(function(){

        if(this.id == theVal){
            $('div.questions').hide();
            $('#'+this.id).show();
        }
    });         

  });   

});​
    ​
于 2012-08-06T06:26:27.370 に答える