Question

很抱歉，该问题与该问题重复：Parse value of option into html attribute，但我不知道如何更改该问题的答案。我试图做同样的事情，只是试图不将其解析为“数据独有的产品”，而是试图将其转化为“价值”。

这是应该在其中插入值的按钮的代码：

<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) {
  const input = document.querySelector('input.js-addcart-detail');
  input.value = selectObject.value;
  console.log(input);
}

<select class="js-select2" name="time" id="comboA" onchange="getComboA(this)">
  <option value="">Choose an option</option>
  <option value="3cffe13b">Size S</option>
  <option value="M">Size M</option>
  <option value="L">Size L</option>
  <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>

Answer 2

您使用：

     `<input class="js-addcart-detail" type = "hidden" .....`

因此您的代码应为：

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

或者您可以为您的元素提供一个id并像这样获取它：

     `<input id="myId" class="js-addcart-detail" type = "hidden" .....`

然后JS应该是：

     `const button = document.querySelector('#myId');`

有关模式的详细信息https://developer.mozilla.org/fr/docs/Web/API/Document/querySelector

希望可以帮助您！

如何将期权的价值解析为输入价值

2 个答案: