如何从javascript设置数据值[重复]答案

【问题标题】：how to set data-value from javascript [duplicate]如何从javascript设置数据值[重复]
【发布时间】：2020-07-12 14:18:53
【问题描述】：

您好，我想知道如何使用 javascript 设置数据值

我有这个：

  optionsList.forEach((o) => {
    o.addEventListener("click", () => {
      selected.innerHTML = o.querySelector("label").innerHTML;
      let input = o.querySelector("input").value;
      optionsContainer.classList.remove("active");
    });
  });

我取我输入的值，它是一个 id 我想在我选择的元素中设置数据值

像这样：

          <div class="selected" data-value="1">
            Select Video Category
          </div>

我需要这个值来进行数组搜索

我的输入结构：

【问题讨论】：

真的是时候让您不要在 jQuery 转换中询问每一个问题，并开始研究自己的一些基本原理MDN - Using Data Attributes
这和jquery/friend有什么关系？
我问了关于html数据值属性lol
你只是在和那些cmets玩文字游戏。你和我都知道你在过去 24 小时内就 jQuery 到 vanilla js 的转换提出了 1/2 打的问题。我也帮助过你其中的一些。这并不意味着你不应该研究基础知识或寻找类似的问题How much research effort is expected of Stack Overflow users?

标签： javascript css

【解决方案1】：

您可以设置 document.querySelector('.selected').setAttribute("data-value", "your-input-value");

【讨论】：

【解决方案2】：

只需设置.dataset.value。

document.querySelector('.selected').dataset.value = 2;

【讨论】：