如何在＆＃34;输入＆＃34;中分配所选颜色变量Javascript / HTML

Question

我有一个标签。它允许用户从颜色选择器中选择颜色。在进行选择之前，它还具有默认值。当用户进行选择时，存储的选择在哪里？查看代码，在开发人员工具中，在选择之后，值仍然是＆＃34; fffffff＆＃34;

<div class="headerTable">
  <h2>Header Table</h2>

  <form id="form">
    <div>
      <div class="tableField">
        <p>color 1</p>
        <input type="color" id="1" value=#ffffff>
      </div>
      <div class="tableField">
        <p>color 2</p>
        <input type="color" id="2" value=#111111>
      </div>
    </div>

    <!--<input type="submit" class="btn btn-info" value="Submit">-->
    <button class="btn btn-info" onclick="myFunction()">Submit</button>

  </form>

</div>


<script>
myFunction() {
    document.getElementById("1").value = //assign a "selected" value to the element's "value" parameter
}
</script>

Answer 1

将值保存在变量

中

function myFunction() { var color = document.getElementById("1").value; alert(color); }