-3

注:私はcodeigniterフレームワークを使用しています

編集:関連するかどうかはわかりませんが、表示したい要素(form_range_kelas)はp

dropdown他の html 要素の可視性を制御する があります。私は少ししか経験がjquery/javascriptないので、このサイトで検索して、このフィドルを手に入れました

だから、私はそのフィドルに従いましたが、うまくいきません..うまくいかないだけです.firebugを見ようとしましたが、何も起こらなかったようです.

これはdropdownコードです(ライブラリを使用 ):codeigniter's

        <p>
            Search By : <?php echo form_dropdown('ddl_search', $data_search, 'id="ddl_search"');?>
        </p> 

これは私のスクリプトです(jquery uiから、含まれているjqueryですよね?):

<script language="javascript" type="text/javascript" src="<?php echo base_url(); ?>jquery/jquery-ui-1.10.2.custom/js/jquery-1.9.1.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo base_url(); ?>jquery/jquery-ui-1.10.2.custom/js/jquery-ui-1.10.2.custom.min.js"></script>

これは、html可視性を変更したい私の要素です:

 <p id="form_range_kelas">
            Kelas :
            <?php echo form_dropdown('ddl_kelas1', $list_kelas, 'id="ddl_kelas1"');?> -
            <?php echo form_dropdown('ddl_kelas2', $list_kelas, 'id="ddl_kelas2"');?>
        </p>

これは私の完全な javascript/jqueryコードです(注:アラートは機能していません):

 <script>
    $(function() {
        $( "#datepicker" ).datepicker();
    });

    $('#ddl_search').change(function() {
        alert("a");
        if ($(this).val() == 'range_kelas')
            $('#form_range_kelas').show();
        else
            $('#form_range_kelas').hide();
    });
 </script>

そして、これは私のcontrollercodeigniter)のデータです:

$data['data_search'] = array('kelas' => 'Kelas',
                         'range_kelas' => 'Range Kelas', 
                         'nama' => 'Nama',
                         'alamat' => 'Alamat',
                         'bulan' => 'Bulan Lahir',
                         'range_bulan' => 'Range Bulan Lahir');

私は何をすべきか?

ありがとう

4

3 に答える 3

0

このように試してみてください。スクリプトを作成してテストしましたが、動作します。select に onchange 値を追加します。

<select onchange="selectfunction()" id="formselect">
    <option value="range_kelas">yes</option>
    <option value="othervalue">no</option>
</select>

ドキュメントの上部にこのスクリプトを追加し、それに応じて変更します

<script>
    function selectfunction(){
        var e = document.getElementById("formselect");
        var selectedindex = e.options[e.selectedIndex].value;
        if(selectedindex == "range_kelas"){
            document.getElementById('FORM_YOU_WANT_TO_HIDE').style.visibility = 'hidden'; 
        }
    }
</script>

完全には終わっていませんが、要点はわかります。

于 2013-05-03T12:32:56.560 に答える