如何在一个select中存储两个信息并在单独的textbox HTML/JS中调用它们

在HTML和JavaScript中，可以使用以下方法在一个select中存储两个信息并在单独的textbox中调用它们：

创建HTML页面：

<!DOCTYPE html>
<html>
<head>
    <title>Select with Multiple Information</title>
</head>
<body>
    <select id="mySelect" onchange="updateTextBox()">
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
    </select>

    <input type="text" id="textBox1" readonly>
    <input type="text" id="textBox2" readonly>

    <script src="script.js"></script>
</body>
</html>

在JavaScript文件（script.js）中处理select的onchange事件，更新textbox的值：

function updateTextBox() {
    var select = document.getElementById("mySelect");
    var selectedOption = select.options[select.selectedIndex];

    var textBox1 = document.getElementById("textBox1");
    textBox1.value = selectedOption.value;

    var textBox2 = document.getElementById("textBox2");
    textBox2.value = selectedOption.text;
}

上述代码中，我们创建了一个select元素，其中包含三个选项。通过设置onchange事件，每当选择改变时，会调用updateTextBox函数。该函数获取选择的选项，并将其值和文本分别存储在名为textBox1和textBox2的textbox中。

注意：上述代码只是一个简单的示例，你可以根据实际需求进行调整和优化。此外，我们可以使用一些第三方库（例如jQuery）来简化代码和处理更复杂的场景。另外，腾讯云产品相关信息和链接与此问题无关，故不提供相关内容。