jsp中怎么使用按钮，动态添加表情选择框？

在 JSP 中，您可以使用 HTML、CSS 和 JavaScript 创建一个包含表情的下拉框，然后在点击按钮时动态地将其添加到页面中。以下是一个简单的示例代码：

JSP 代码：

<button id="show-emoji-btn">显示表情</button>
<div id="emoji-container"></div>

<script>
// 定义表情数组
const emojis = [
  "😀", "😁", "😂", "🤣", "😃", "😄", "😅", "😆", "😉",
  "😊", "😋", "😎", "😍", "😘", "😗", "😙", "😚", "🙂",
  "🤗", "🤔", "🤐", "😐", "😑", "😶", "🙄", "😏", "😣",
  "😥", "😮", "🤤", "😪", "😫", "😴", "😌", "😛", "😜",
  "😝", "🤑", "🤓", "😎", "😒", "😔", "😕", "🙃", "🤑",
  "😷", "🤒", "🤕", "🤢", "🤮", "🤧", "😭", "😰", "😱",
  "😳", "😵", "😡", "😠", "🤬", "😷", "🥵", "🥶", "😈",
  "👿", "💩", "👻", "💀", "🎃", "👽", "🤖", "👶", "👦",
  "👧", "🧒", "👩", "👨", "👩‍🦰", "👨‍🦰", "👩‍🦱", "👨‍🦱", "👩‍🦲",
  "👨‍🦲", "👩‍🦳", "👨‍🦳", "🦸", "🦹", "🧙", "🧚", "🧛", "🧜",
  "🧝", "🧞", "🧟", "💆", "💇", "🚶", "🏃", "💃", "🕺",
  "👯", "👫", "👬", "👭", "💏", "👩‍❤️‍💋‍👨", "👨‍❤️‍💋‍👨", "👩‍❤️‍💋‍👩", "💑",
  "👩‍❤️‍👨", "👨‍❤️‍👨", "👩‍❤️‍👩", "👪", "👶", "👦", "👧", "🧒",
  "👩", "👨", "🧑", "👵", "👴", "👲", "👳", "🧕", "👮",
  "👷", "💂", "🕵️", "👩‍⚕️", "👨‍⚕️", "👩‍🌾", "👨‍🌾", "👩‍🍳", "👨‍🍳",
  "👩‍🎓", "👨‍🎓", "👩‍🎤", "👨‍🎤", "👩‍🏫", "👨‍🏫", "👩‍🏭", "👨‍🏭", "👩‍💻",
  "👨‍💻", "👩‍💼", "👨‍💼", "👩‍🔧", "👨‍🔧", "👩‍🔬", "👨‍🔬", "👩‍🎨", "👨‍🎨",
  "👩‍🚒", "👨‍🚒", "👩‍✈️", "👨‍✈️", "👩‍🚀", "👨‍🚀", "👩‍⚖️", "👨‍⚖️", "👰",
  "🤵", "👸", "🤴", "🥷", "🦸‍♀️", "🦸‍♂️", "🦹‍♀️", "🦹‍♂️", "🧙‍♀️",
  "🧙‍♂️", "🧚‍♀️", "🧚‍♂️", "🧛‍♀️", "🧛‍♂️", "🧜‍♀️", "🧜‍♂️", "🧝‍♀️", "🧝‍♂️",
  "🧞‍♀️", "🧞‍♂️", "🧟‍♀️", "🧟‍♂️"
];

// 获取按钮和表情选择框元素
const showEmojiBtn = document.getElementById("show-emoji-btn");
const emojiContainer = document.getElementById("emoji-container");

// 点击按钮时显示或隐藏表情选择框
showEmojiBtn.addEventListener("click", () => {
  if (emojiContainer.style.display === "none") {
    emojiContainer.style.display = "block";
  } else {
    emojiContainer.style.display = "none";
  }
});

// 动态创建表情选择框
emojis.forEach(emoji => {
  const emojiBtn = document.createElement("button");
  emojiBtn.innerText = emoji;
  emojiBtn.addEventListener("click", () => {
    // 在此处添加将表情添加到输入框或其他地方的逻辑
  });
  emojiContainer.appendChild(emojiBtn);
});
</script>

以上代码可以实现一个简单的表情选择框，您可以根据需要进行修改和优化。在 JSP 中，也可以将 JavaScript 代码单独写在一个 .js 文件中，然后在 JSP 中引入该文件，实现代码的分离和复用。