PHP显示div选择选项

时间:2016-08-01 12:34:11

标签: php jquery json ajax

我有两张桌子 材料:

 - id :int,
 - name : varchar(255),
 - providers_id : int (foreign key)

表提供者:

 - id_provider: int,
 - code_providers : varchar(200)

我在表提供程序中有一些数据:

1,provider1
2,provider2
3,provider3

我有页面addMaterial.php:

<div class="form-group" id="TextBoxDiv1">
    <label>Providers</label>
        <select class="form-control">
             <option value='-1'>Choose provider</option>
                <?php       
                    $stmt2 = $db->prepare("SELECT * FROM providers");
                              $stmt2->execute();
                                while($row2 = $stmt2->fetch()){
                                  echo "<option value='".$row2["id_provider"]."'>".$row2["code_provider"]."</option>";
                                    }
                ?>

          </select>  

</div> 

<div>add</div>
<div>update</div>
<div>delete</div>
  • 我想在选择提供商1
  • 时显示div add
  • 我想在选择提供商2时显示div更新
  • 我想在选择提供商3时显示div更新

1 个答案:

答案 0 :(得分:0)

HTML:

<select class="form-control" id="chooseProvider">
 ...

<div id="add">add</div>
<div id="update">update</div>
<div>delete</div>

JS:

$("#chooseProvider").change(function(){
    if($(this).val()=="1"){
       $("#add").show();
       $("#update").hide();
    } 
    else if($(this).val()=="2" || $(this).val()=="3"){
       $("#update").show();
       $("#add").hide();
    }
});