0

HTMLに2つの選択リストがあり、両方の値がデータベースに保存されています。ユーザーがjqueryを使用して選択1を変更したときに、選択リスト2の値を変更する方法を知りたいですか？

私はcodeigniterでこれらのことをやろうとしているので、助けてください、私は以前にjqueryを使用してこれらのことをしましたが、それはjqueryのload関数に値を渡すことによる単純なphpでしたが、これはcodeigniterでは機能しません。助けて

ありがとう、

シャー・ルク

4

2 に答える 2

2

たとえば、このドロップダウンがあるとします

   <select id="select_1">
       <option value="">Select</option>
       <option value="1">1</option>
       <option value="2">2</option>
   </select>

   <select id="select_2">
       <option value="">Select</option>
   </select>

select_1ドロップダウンの変更時に、値を取得し、select_2のhtmlをスクリプトから返された応答に置き換えるだけでなく、select_2のオプションを返すコントローラー関数にAJAXリクエストを実行する必要があります

                $('#select_1').change(function(){
                    var id = $(this).val();
                    $.ajax({
                            type: "POST",
                            url: base_url+'controller/action/',
                            data: 'id='+id,
                            success: function(html){
                                $('#select_2').html(html);
                            }
                       });
                });

codeignitor の場合、ajax リクエストの url パラメータで base_url を使用します。CDATAajax リクエストで使用できる base_urlの変数を定義でき、header.php ファイルで定義できます。

                <script type="text/javascript">
                   //<![CDATA[
                        base_url = '<?php echo base_url();?>';
                   //]]>
                </script>
于 2013-01-11T11:46:51.090 に答える
0

さて、jQueryを使用してそれを行いました

 <script type="text/javascript">
  $(document).ready(function()
    {
    $("#slect_1").change(function() 
        {
         id = $("#select_1").val();
         $("#select_2").load("<?php echo site_url('class/method'); ?>/"+id);
    });
      });
  </script>

ありがとう、

シャールク

于 2013-01-11T13:06:46.963 に答える