如何在更改选项时从表中动态创建的select中获取data-*属性的值

在更改选项时从表中动态创建的select中获取data-*属性的值，可以通过以下步骤实现：

首先，确保在表中动态创建的select元素中设置了data-属性。例如，可以在每个选项中添加data-属性，如data-value="xxx"。
在更改选项时，可以使用JavaScript来获取选中选项的data-*属性值。可以通过以下步骤实现：
- 首先，获取到select元素的引用。可以使用document.getElementById()或者document.querySelector()等方法获取到select元素的引用。
- 然后，通过select元素的selectedIndex属性获取到当前选中选项的索引。
- 接下来，通过selectedIndex属性获取到选中选项的引用。
- 最后，通过选中选项的getAttribute()方法获取到data-*属性的值。例如，可以使用getAttribute("data-value")来获取到data-value属性的值。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>获取动态创建select的data-*属性值</title>
</head>
<body>
  <table>
    <tr>
      <td>
        <select id="mySelect">
          <option data-value="value1">选项1</option>
          <option data-value="value2">选项2</option>
          <option data-value="value3">选项3</option>
        </select>
      </td>
    </tr>
  </table>

  <script>
    // 获取select元素的引用
    var selectElement = document.getElementById("mySelect");

    // 监听select元素的change事件
    selectElement.addEventListener("change", function() {
      // 获取当前选中选项的索引
      var selectedIndex = selectElement.selectedIndex;

      // 获取选中选项的引用
      var selectedOption = selectElement.options[selectedIndex];

      // 获取选中选项的data-*属性值
      var dataValue = selectedOption.getAttribute("data-value");

      // 输出data-*属性值
      console.log("选中选项的data-value属性值为：" + dataValue);
    });
  </script>
</body>
</html>

在上述示例代码中，我们首先在select元素的每个选项中添加了data-value属性，并设置了不同的值。然后，通过JavaScript代码获取到select元素的引用，并监听其change事件。在change事件的回调函数中，我们获取到当前选中选项的索引，然后通过索引获取到选中选项的引用。最后，通过选中选项的getAttribute()方法获取到data-value属性的值，并输出到控制台。

对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，无法提供相关链接。但是，腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。