使用jQuery将值移动到另一个表单

时间:2018-08-15 23:02:18

标签: jquery

我正在尝试基于选择选项填充表单值,并尝试编写如下代码:

这是HTML代码:

    <select id=“benih”>
    <option lama="6 bulan" berat="1kg" harga="Rp 45.000">Kacang</option>
    <option lama="5 bulan" berat="100kg" harga="Rp 700.000">Padi</option>
    <option lama="4 bulan" berat="2kg" harga="Rp 10.000">Semangka</option>
    <option lama="5 bulan" berat="3kg" harga="Rp 80.000">Semangka</option>
    <option lama="3 bulan" berat="4kg" harga="Rp 4.500">Timun</option>
</select>
<br>
Lama tanam <input type="text" id="lama-tanam" /><br>
Berat <input type="text" id="berat" /><br>
Harga <input type="text" id="harga" />

jQuery如下所示:

     $("#benih").on("change", function(){

  // ambil nilai
  var lama = $("#benih option:selected").attr("lama");
  var berat = $("#benih option:selected").attr("berat");
  var harga = $("#benih option:selected").attr("harga");

  // pindahkan nilai ke input
  $("#lama-tanam").val(lama);
  $("#berat").val(berat);
  $("#harga").val(harga);

});

但是它不起作用,我想念什么?还是弄错了??

1 个答案:

答案 0 :(得分:0)

您使用的引号错误... 无效...使用"。其余的没事没事。

$("#benih").on("change", function(){

  // ambil nilai
  var lama = $("#benih option:selected").attr("lama");
  var berat = $("#benih option:selected").attr("berat");
  var harga = $("#benih option:selected").attr("harga");

  // pindahkan nilai ke input
  $("#lama-tanam").val(lama);
  $("#berat").val(berat);
  $("#harga").val(harga);

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Pilih Benih
<select id="benih">
    <option lama="6 bulan" berat="1kg" harga="Rp 45.000">Kacang</option>
    <option lama="5 bulan" berat="100kg" harga="Rp 700.000">Padi</option>
    <option lama="4 bulan" berat="2kg" harga="Rp 10.000">Semangka</option>
    <option lama="5 bulan" berat="3kg" harga="Rp 80.000">Semangka</option>
    <option lama="3 bulan" berat="4kg" harga="Rp 4.500">Timun</option>
</select>
<br>
Lama tanam <input type="text" id="lama-tanam" /><br>
Berat <input type="text" id="berat" /><br>
Harga <input type="text" id="harga" />