时间戳

首页 > 解决方案 > 如何将新创建的按钮的值作为 Javascript 变量？

javascript - 如何将新创建的按钮的值作为 Javascript 变量？

问题描述

我只是想知道如何将正在创建的 HTML 按钮的值 (id="red") 分配给 JS 变量 userInput？该变量的值取自 HTML 输入文本框。

这是我的 JS/jQuery 代码

$(document).ready(function() {
  $("#createGroup").click(function addGroup() {
    let userInput = $("#groupName").val();
    let newGroup = $("<input id='red' type='button' value='userInput' class='createdGroupsButton'>");
    $("#createdGroups").prepend(newGroup);
  });`

这是必要的 HTML 代码：

<body id="containerMain">
  <div id="sideMenu">
    <div id="createdGroups" class="groups">
        <div id="groupDiv">
          <input id="groupName" type="text">
          <button id="createGroup">+</button>
        </div>
    </div>
  </div>
</body>

谢谢

标签： javascripthtmlvariablesbutton

解决方案

试试这个标记的模板文字

let newGroup = $(`<input id='red' type='button' value='${userInput}' class='createdGroupsButton'>`);

推荐阅读