在输入值中获取div属性值，在源中更改

Question

我需要显示我的newprice="输入值和源

$(".uzmi").on("click", function(e) {
$("inid").val($(this).attr('newprice'));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div data-value="VALUE 1" class="uzmi product-variation-colors__item helmet-variations" id=" " codeproduct=" " newprice="6043" variation_id="1407" change_img(0) "> Div 1</div>
<div data-value="VALUE 1 " class="uzmi product-variation-colors__item helmet-variations " id=" " codeproduct=" " newprice="2323 " variation_id="1407 " change_img(0)"> Div 2</div>
<div data-value="VALUE 1" class="uzmi product-variation-colors__item helmet-variations" id=" " codeproduct=" " newprice="9999" variation_id="1407" change_img(0) "> Div 3</div>
<input type=" " id="inid " name="variation_id " class="variation_id " value="6041 " />

这对我来说很有效，但我希望我的值也能在源代码中改变，而不仅仅是在视觉上。

Answer 1

你需要加上"#"在你的点击函数中，像这样，因为你选择了id:

$(".uzmi").on("click", function(e) {
$("#inid").val($(this).attr('newprice'));
});

关于你问题的第二部分，你所说的"来源"是什么意思?

Answer 2

inid.setAttribute("value", price)添加了这一行来更新DOM

使用Vanilla JavaScript的解决方案

const inid = document.getElementById('inid')
const getPrice =(e)=> {
let price = e.getAttribute('newprice')
e.setAttribute('source', 'clicked')

inid.value=price;
inid.setAttribute("value", price)
}

[source="clicked"] { color: green }

<p>Click on DIV</p>
<div onclick="getPrice(this)" data-value="VALUE 1" class="uzmi product-variation-colors__item helmet-variations" id=" " codeproduct=" " newprice="6043" variation_id="1407" change_img(0)"> Div 1</div>
<div onclick="getPrice(this)" data-value="VALUE 1" class="uzmi product-variation-colors__item helmet-variations" id=" " codeproduct=" " newprice="2323" variation_id="1407" change_img(0)"> Div 2</div>

<div onclick="getPrice(this)" data-value="VALUE 1" class="uzmi product-variation-colors__item helmet-variations" id=" " codeproduct=" " newprice="9999" variation_id="1407" change_img(0)"> Div 3</div>

<input type="" id="inid" name="variation_id" class="variation_id" value="6041" />