Jquery 在选择时更改输入字段的值
我正在用javascript购物车创建这个在线商店。有些产品有选择权,而选择权会改变商品的价格。一个项目的价格过去是在一个范围内,但我认为禁用的输入字段看起来更好。我的问题是,我的代码没有更改输入字段的值,但在span中编写价格时,它确实更改了输入字段的值 jQuery:Jquery 在选择时更改输入字段的值,jquery,html,css,Jquery,Html,Css,我正在用javascript购物车创建这个在线商店。有些产品有选择权,而选择权会改变商品的价格。一个项目的价格过去是在一个范围内,但我认为禁用的输入字段看起来更好。我的问题是,我的代码没有更改输入字段的值,但在span中编写价格时,它确实更改了输入字段的值 jQuery: $(".item_lenght").change(function() { $('.item_price').html($('option:selected', this).data('price'));
$(".item_lenght").change(function() {
$('.item_price').html($('option:selected', this).data('price'));
});
以及html:
<table style="border:1px solid black; border-radius: 6px;">
<tr>
<td>
<select class="item_lenght" name="size">
<option value="Tyhjä">Valitse koko</option>
<option data-price="47.00€" value="25cm"> 25cm x 150cm </option>
<option data-price="48.00€" value="50cm"> 50cm x 150xm</option>
<option data-price="49.00€" value="100cm"> 100cm x 150cm </option>
</select>
</td>
<td>
<select class="item_type" name="type">
<option value="Ei valintaa">Valitse väri</option>
<option data-name="Teipit (Harjattu Alumiini)" value="Harjattu Alumiini"> Harjattu Alumiini </option>
<option data-name="Teipit (Musta hiilikuitu)" value="Musta hiilikuitu"> Musta hiilikuitu </option>
<option data-name="Teipit (Valkoinen hiilikuitu)" value="Valkoinen hiilikuitu"> Valkoinen hiilikuitu </option>
<option data-name="Teipit (Mattamusta)" value="Mattamusta"> Mattamusta </option>
</select>
</td>
</tr>
<tr>
<td>Määrä:
</td>
<td>
<input type="text" value="1" class="item_Quantity" style="width:30px;">
</td>
</tr>
<tr>
<td>Hinta
</td>
<td>
<input type="text" readonly="readonly" class="item_price" value="0.00€">
</td>
</tr>
</table>
<a class="item_add" href="javascript:;"> Osta prkl </a>
我可能做错了什么?对输入使用readonly=readonly,而不是禁用它
也可以将val用于文本字段,而不是将值指定给文本字段
使用readonly=readonly作为输入,并禁用它
也可以将val用于文本字段,而不是将值指定给文本字段
用于修改和获取其内容
$('.item_price').val($('option:selected', this).data('price'));
用于修改和获取其内容
$('.item_price').val($('option:selected', this).data('price'));
如果您使用jQuery,则需要使用DOM Ready
$(document).ready(function(){
// JQuery goes inside here
});
祝你好运 如果您使用jQuery,则需要使用DOM Ready
$(document).ready(function(){
// JQuery goes inside here
});
祝你好运 从输入框中检索和修改值时,必须使用jQuery函数,而不是.text或.html函数。您的jQuery应该如下所示:
$('.item_price').val($('option:selected', this).data('price'));
从输入框中检索和修改值时,必须使用jQuery函数,而不是.text或.html函数。您的jQuery应该如下所示:
$('.item_price').val($('option:selected', this).data('price'));
这样做了,但它仍然没有改变值。这样做了,但它仍然没有改变值。是的,从两分钟前的一个答案中得到;谢谢你:@ChristianNikkanen-但我加了一句话=抱歉重复一遍,我只是想澄清一下,必须使用val的原因是因为它是一个输入元素。是的,我明白了。在修改段落、跨距和div时使用.html?在向元素添加html内容时使用.html。例如,如果要添加一个段落元素,可以使用$id.html段落。在添加简单文本时使用.text。如果以这种方式添加HTML内容,它将被简单地解析为文本。例如,如果您使用$id.textparagraphYup,则从两分钟前的答案中得到;谢谢你:@ChristianNikkanen-但我加了一句话=抱歉重复一遍,我只是想澄清一下,必须使用val的原因是因为它是一个输入元素。是的,我明白了。在修改段落、跨距和div时使用.html?在向元素添加html内容时使用.html。例如,如果要添加一个段落元素,可以使用$id.html段落。在添加简单文本时使用.text。如果以这种方式添加HTML内容,它将被简单地解析为文本。例如,如果使用$id.text段落