我正在尝试基于选择选项填充表单值,并尝试编写如下代码:
这是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);
});
但是它不起作用,我想念什么?还是弄错了??
答案 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" />