确认弹窗修改选项内容

确认弹窗修改选项内容指的是在弹窗中修改选项的内容。下面是一个示例代码，演示如何在弹窗中修改选项内容。

HTML:

<button onclick="showPopup()">打开弹窗</button>

<div id="popup" class="popup">
  <h3>修改选项内容</h3>
  <input type="text" id="optionInput">
  <button onclick="modifyOption()">修改</button>
  <button onclick="closePopup()">关闭</button>
</div>

CSS:

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 20px;
  border: 1px solid black;
  display: none;
}

JavaScript:

function showPopup() {
  document.getElementById("popup").style.display = "block";
}

function closePopup() {
  document.getElementById("popup").style.display = "none";
}

function modifyOption() {
  var optionInput = document.getElementById("optionInput");
  var optionValue = optionInput.value;
  
  // 在此处进行选项内容的修改操作，这里只是简单地将其输出到控制台
  console.log("修改选项内容为：" + optionValue);
  
  closePopup();
}

这段代码实现了一个弹窗，其中包含一个输入框和两个按钮。点击“修改”按钮将会调用modifyOption()函数，在这个函数中可以编写具体的选项内容修改逻辑。在这个示例中，只是简单地将修改后的选项内容输出到控制台，并调用closePopup()函数关闭弹窗