Thursday, January 11, 2018

Show Hide input dengan 2 switch select option dan input text

Permasalahan pada saat memasukan nilai dengan value yang sama pada proses show dan hide membuat data tidak tersimpan pada database. permasalahan penginputan data pada saat melakukan proses update isian tidak terinput karena penginputan value, id dan nama sama. bagai mana mengatasinya?

langsung saja pada permasalahan tersebut, untuk mengatasi permasalahan tersebut silahkan cek kembali code di bawah ini.

<!-- TUJUAN SURAT -->
<script>
$(function() {
  $('#pilihh').change(function(){
$('.pilihh').hide(100);
$('#' + $(this).val()).show(100);
if ('#' + $(this).val()=='#internalb') {
document.getElementById('tujuana').setAttribute("name","");
document.getElementById('tujuanb').setAttribute("name","tujuan");
} else {
document.getElementById('tujuana').setAttribute("name","tujuan");
document.getElementById('tujuanb').setAttribute("name","");
}
  });
});
</script>
 

<div class="form-group">
            <label for="varchar">Tujuan Surat : <?php echo $tujuan; ?> <?php echo form_error('tujuan') ?></label>
            <select id='pilihh'>
           <option disabled selected value> -- Pilih Salah Satu -- </option>
            <option value='internalb'>Internal</option>
            <option value='externalb'>External</option>
            </select>

<div id="externalb" class='pilihh' style="display: none;">
            <input type="text" class="form-control" name="" id="tujuana" placeholder="Tujuan Surat Keluar External" value="<?php echo $tujuan; ?>" />
        </div>
             
<div id="internalb" class='pilihh'>
            
            <select class="form-control selectpicker" name="tujuan" id="tujuanb" data-live-search="true">
            <option disabled selected value> -- Pilih Salah Satu -- </option>
             <?
$qryreg= $this->db->query('
SELECT
ref_unit_kerja.id_unit_kerja,
ref_unit_kerja.nama_kantor,
ref_unit_kerja.unit_kerja,
ref_unit_kerja.status_tujuan_surat_masuk
FROM
ref_unit_kerja
WHERE
ref_unit_kerja.status_tujuan_surat_masuk = "Active"
');
  foreach($qryreg->result() as $rowsreg){
?>
  
              <option value="<?php echo $rowsreg->nama_kantor; ?>" <? if($tujuan==$rowsreg->nama_kantor){echo "selected";}else{echo "";}?> onKeyUp="cek1(this.value)"><?php echo $rowsreg->nama_kantor; ?></option>
  <? } ?>
            </select>
            </div>
              
         </div>  
    
<!-- TUJUAN SURAT -->

Proses tersebut mempergunakan script:

<script>
$(function() {
  $('#pilihh').change(function(){
$('.pilihh').hide(100);
$('#' + $(this).val()).show(100);
if ('#' + $(this).val()=='#internalb') {
document.getElementById('tujuana').setAttribute("name","");
document.getElementById('tujuanb').setAttribute("name","tujuan");
} else {
document.getElementById('tujuana').setAttribute("name","tujuan");
document.getElementById('tujuanb').setAttribute("name","");
}
  });
});
</script>

Untuk proses berjalan dengan benar, di sini kita mempergunakan :

document.getElementById('tujuana').setAttribute("name","");
document.getElementById('tujuanb').setAttribute("name","tujuan");

or

document.getElementById('tujuana').setAttribute("name","tujuan");
document.getElementById('tujuanb').setAttribute("name","");

untuk mengatur name agar tidak terjadi penginputan bersamaan.
Terimakasih.

No comments:

Post a Comment

author
Ade Pramono.AR
Selamat datang di blog kami, silahkan cari kebutuhan serta permasalahan anda di sini. The real programmer Copy/Paste hehehheeheh