注:私は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>
そして、これは私のcontroller
(codeigniter)のデータです:
$data['data_search'] = array('kelas' => 'Kelas',
'range_kelas' => 'Range Kelas',
'nama' => 'Nama',
'alamat' => 'Alamat',
'bulan' => 'Bulan Lahir',
'range_bulan' => 'Range Bulan Lahir');
私は何をすべきか?
ありがとう