Question

从下拉列表中选择后，我希望更改多个文本框/标签。

我有一个SQL数据库，该数据库基本上具有商品编号和与其链接的许多信息，重量，价格等。

我已经在PHP中创建了一个下拉列表。我想用商品编号（不是问题）填充此列表，并且下拉菜单旁边的标签必须显示所选商品的链接信息。

我已经尝试过onChange函数，但是它只允许我显示一个信息。 https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onchange

//好的，经过更多研究，我发现确实有可能将多个值分配给一个下拉选项。之后有必要再次用php拆分值 https://stackoverflow.com/a/16229998/2524404 但我需要在更改时进行。

Answer 1

能够自行找到解决方案：

<!DOCTYPE html>
<html>
<body>

<select id="mySelect" onchange="myFunction()">
  <option value="">
  <option value="1|3|X">XYZ
  <option value="2|2|Y">ABC
</select>

<p id="demo"></p>

<script>
function myFunction() {
  var x = document.getElementById("mySelect").value.split("|");
  document.getElementById("demo").innerHTML = x[2];
}
</script>

</body>
</html>

在下拉选择中更改多个标签（+数据库查询）

1 个答案: