Question

我有一个由数据库mysql填充的下拉列表，一切运行良好。然后我有第二个下拉列表，从第一个下拉列表中选择时，数据库也会填充该下拉列表。两个问题：

下拉列表1中的第一项不会填充下拉列表
如果我选择从下拉列表1中的项目，它给了我下拉2的项目下拉列表中的最后一项。

有人可以帮忙吗？1 这是我的代码：

<select id="categoria" onChange="selectServ()">
<option value="item" class="itemoption">Categoria</option>
</select>

<select id="servicos">
<option value="item" class="itemoption">Serviço</option>

</select>
<script>
$(function(){

  var items="";
  $.getJSON("http://example.com/servicos_categorias.php",function(data){

    $.each(data,function(index,item) 
    {
      items+="<option value='"+item.ID+"'>"+item.categoria+"</option>";
    });
    $("#categoria").html(items); 
  });
});

</script>
<script>
function selectServ(){
    var e = document.getElementById("categoria");
    var servSelected = e.options[e.selectedIndex].value;

    var url = "";

  var items="";
  if(servSelect = 1){
  url = "http://example.com/servicos_threading.php";
  }
  if(servSelect = 2){
  url = "http://example.com/servicos_sobrancelhas.php";
  }
  if(servSelect = 3){
  url = "http://example.com/servicos_manicure.php";
  }
  $.getJSON(url,function(data){

    $.each(data,function(index,item) 
    {
      items+="<option value='"+item.ID+"'>"+item.servico+"</option>";
    });
    $("#servicos").html(items); 
  });
};

</script>

也尝试使用它：

    if(servSelect = 1){
  url = "http://example.com/servicos_threading.php";
  }
  else if(servSelect = 2){
  url = "http://example.com/servicos_sobrancelhas.php";
  }
  else if(servSelect = 3){
  url = "http://example.com/servicos_manicure.php";
  }

但是它并没有填补这两个下降。

Answer 1

我在你的javascript中看到至少一个问题，可能还有两个问题，

您正在使用单个等号，这意味着分配，而不是比较。第二个问题是servSelect很可能是一个字符串

if(servSelect = 1){

应该是：

if(servSelect === '1') {

Answer 2

如果调用javascript函数

，我认为你有这样的调用函数

onChange =“return selectServ（）”

两个下拉列表从mysql动态填充

2 个答案: