2016-04-20 2 views
0

データベースmysqlによって満たされたドロップダウンがあり、すべてがうまく動作します。次に、最初のドロップダウンからの選択時にデータベースによっても満たされた2番目のドロップダウンがあります。 2つの問題:mysqlから動的に2つのドロップダウンが埋め込まれています

  1. ドロップダウン1からの最初の項目は、私がドロップダウン1からアイテムを 選択した場合、それは2をドロップダウンするために私にアイテムを与えるドロップダウン
  2. を満たしていない、 最後の項目のドロップダウンで1.

誰かが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"; 
    } 

しかし、両方のドロップダウンを埋めるわけではありません。

答えて

0

私は、少なくとも一つの問題とあなたのJavaScriptで、おそらく二つの問題、

あなたは割り当て、いない比較を意味し、単一の等号を使用しているを参照してください。 は、第二の問題は、servSelect可能性が最も高い

if(servSelect = 1){ 

があるべき文字列になるということです。

if(servSelect === '1') { 
+0

ドロップダウン2には何も入力されません。 –

+0

申し訳ありませんが、誤った問題がありました。 if(servSelected)でなければならず、 "= 1"または "===" 1 ""ならばそれはできません。しかし、それは@Mukul Khatterのようなものでなければなりません。問題は現在、問題#1です。ドロップダウン1の項目1は、ドロップダウン2を記入しません。 –

0

私は

のonChange = "リターンjavascript関数を呼び出す場合は、このような呼び出し機能を持っていると思いますselectServ() "

+0

ドロップダウン1の項目#2で選択されているドロップダウン2のすべての項目を埋めるようになりました。S –

+0

ご迷惑をおかけして申し訳ありません。 serSelectの代わりに、servSelectedする必要があります。今の唯一の問題は、ドロップダウン1のアイテム1がドロップダウン2を埋めていないことです。 –

関連する問題