如何将选项的值解析为输入值

Question

对不起，这个问题是这个问题的重复：将选项的值解析为 html 属性，但我不知道如何更改我的问题的答案。我正在尝试做同样的事情，只是我试图不将其解析为“数据销售产品”，我试图将其放入“价值”中。

这是值应插入到的按钮的代码：

<form class="flex-c-m stext-101 cl0 size-101 bg1 bor1 hov-btn1 p-lr-15 trans-04" name="PrePage" method = "post" action = "https://scotest.authorize.net/payment/CatalogPayment.aspx"> <input class="js-addcart-detail" type = "hidden" name = "LinkId" value ="" /> <input type = "image" src ="//testcontent.authorize.net/images/buy-now-gold.gif" /> </form> 

其余与其他问题完全相同

我试过改变这个代码：

<script type="text/javascript">

function getComboA(selectObject) {

const button = document.querySelector('button.js-addcart-detail');

button.dataset.sellyProduct = selectObject.value;

console.log(button);

}

</script>

对此：

<script type="text/javascript">

function getComboA(selectObject) {

const button = document.querySelector('form.js-addcart-detail');

form.value = selectObject.value;

console.log(button);

}

</script>

开发者控制台中的错误消息：

ReferenceError: form is not defined

但这不起作用。

Answer 1

如果我没有误解您的问题，那么这就是您想要实现的目标。您基本上想value在hidden输入字段上设置所选选项value。function getComboA(selectObject) {&nbsp; const input = document.querySelector('input.js-addcart-detail');&nbsp; input.value = selectObject.value;&nbsp; console.log(input);}<select class="js-select2" name="time" id="comboA" onchange="getComboA(this)">&nbsp; <option value="">Choose an option</option>&nbsp; <option value="3cffe13b">Size S</option>&nbsp; <option value="M">Size M</option>&nbsp; <option value="L">Size L</option>&nbsp; <option value="XL">Size XL</option></select><input class="js-addcart-detail" type="hidden" name="LinkId" value="" /><button class="flex-c-m stext-101 cl0 size-101 bg1 bor1 hov-btn1 p-lr-15 trans-04 js-addcart-detail">Add to cart</button>