时间戳

首页 > 解决方案 > 如何在选择选项中插入输入类型=“隐藏”

html - 如何在选择选项中插入输入类型=“隐藏”

问题描述

如何在不更改选项的情况下在选择选项中插入输入类型 =“隐藏”

这是我的代码

<select name="room" id="room">
  <option value="room1_id">
    room 1 name
    <input type="hidden" value="room 1 price">
  </option>

  <option value="room2_id">
    room 2 name
    <input type="hidden" value="room 2 price">
  </option>
</select>

这是我 通过codepen的代码示例

你能修好它吗？

谢谢你=）

标签： htmlforms

解决方案

你不能。<option>元素只能有文本节点作为它们的子节点。

这闻起来像XY 问题。您尚未说明实际问题，但您可能正在尝试解决几个常见问题：

要在服务器端获取价格，请使用房间 ID 在服务器端数据库中查找。

要在客户端获取价格（例如，使用 JS 显示运行总计），您可以将其存储在元素的data-*属性中。<option>

推荐阅读