Question

我试图根据选择事件更改动态地简单地更改输入字段。

<script type="text/javascript">
$('#opt_jendit').change(function(){

var jendit = $('#opt_jendit').val();

if(jendit='MBD'){
$("#txt_jenkre").val('KUM');
}

if(jendit='MBG.TKR'){
$("#txt_jenkre").val('KUR');
}

$("#txt_kodpk").val(jendit);

});
</script>

似乎第二个输入字段无法监听，第一个输入字段中发生的变化 plese check this..，我想知道，实现它的简单方法是什么？

Answer 1

试试这个，if条件与=不一致，而应该是==

$(document).ready(function() {

  $('#opt_jendit').change(function() {

    var jendit = $('#opt_jendit').val();
    
    $("#txt_kodpk").val(jendit);
    if (jendit == 'MBD') {
      $("#txt_jenkre").val('KUM');
    } else if (jendit == 'MBG.TKR'){
            $("#txt_jenkre").val('KUR');
    }
     else{
        $("#txt_jenkre").val("");
    }
 });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-lg-6">

  <div class="form-group">
    <select class="form-control" name="opt_jendit" id="opt_jendit">
      <option value="" selected="">--PILIH PRODUK PINJAMAN--</option>
      <option value="MBD">Kredit Usaha Mikro [ KUM ]</option>
      <option value="MBG.TKR">Kredit Usaha Rakyat [ KUR ]</option>
    </select>
  </div>

  <div class="form-group">
    <input class="form-control" placeholder="Kode PK" name="txt_kodpk" id="txt_kodpk" type="text">
  </div>

  <div class="form-group">
    <input class="form-control" placeholder="Jenis Kredit" name="txt_jenkre" id="txt_jenkre" type="text">
  </div>
  <div>

jquery select option动态地将值赋给另一个2输入文本

1 个答案: