时间戳

首页 > 解决方案 > 如何从第二个下拉值中从数据库中获取数据

javascript - 如何从第二个下拉值中从数据库中获取数据

问题描述

我有一个这样的 HTML

<label>Brand</label></br>
  <select name="brand" id="brand" onChange="changecat(this.value);">
     <option value="" selected>Select Brand</option>
     <option value="A">AMD</option>
     <option value="B">Intel</option>
  </select> </br> </br>

<label>Socket</label></br>
   <select name="category" id="category">
     <option value="" disabled selected>Select Socket</option>
   </select> </br></br>

<label>Select Processor</label>
   <select id="proSelect" onchange="proSelectValue()">
     <option value="0">Processor</option>
   </select>

和这样的JS

var brandByCategory = {
    A: ["AM4", "AM3", "AM2"],
    B: ["LGA 1151", "LGA 1151v2", "LGA 1150"]
}

    function changecat(value) {
        if (value.length == 0) document.getElementById("category").innerHTML = "<option>Select Socket</option>";
        else {
            var catOptions = "";
            for (categoryId in brandByCategory[value]) {
                catOptions += "<option>" + brandByCategory[value][categoryId] + "</option>";
            }
            document.getElementById("category").innerHTML = catOptions;
        }
    }

我想用数据库中的数据填充第三个下拉列表（处理器下拉列表）。这样做的有效方法是什么？但是，当我查看浏览器上的检查元素时，套接字下拉选项没有值，这是一个问题吗？谢谢

标签： javascripthtmlmysql

解决方案

为了更新处理器下拉菜单，Socket 下拉菜单不会造成任何问题。

检查以下已解决此类问题的链接。

JavaScript - 用数组填充下拉列表

推荐阅读