2016-09-30 52 views
0

选择该选项后自动更新列表我想更新的列表中选择另一个列表JavaScript或jQuery的

HTML代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/css/bootstrap-select.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/js/bootstrap-select.min.js"></script> 

<form action="check-add.php" method="post"> 
<table> 
<tr> 
<td align="center" height="60">students</span></td> 
<td align="center" height="60"><select id="first-choice"> 
<option disabled selected>select students</option> 
<option value="1">Mark</option> 
<option value="2">Makarious</option> 
</select></td> 
</tr> 
<tr> 
<td align="center" height="60">subject</td> 
<td align="center" height="60"> 
<select class="selectpicker" data-style="btn-info" multiple data-max-options="7" data-live-search="true" id="second-choice"></select> 
</td> 
</tr> 
<tr> 
<td align="center" height="100" colspan="2"> 
<input type="submit" class="but" name="save-students" value="add"/></td> 
</tr> 
</table> 
</form> 

JavaScript代码

<script type="text/javascript"> 
$("#first-choice").change(function() { 
$("#second-choice").load("getter.php?choice=" + $("#first-choice").val()); 
}).trigger("change"); 
</script> 

的选项后, getter.php文件

<?php 
    @include("../include/config.php"); 

    $choice = @mysqli_real_escape_string($conn, $_GET['choice']); 
    $result = @mysqli_query($conn,"SELECT * FROM subjects WHERE phases='".$choice."'"); 
    while($row = @mysqli_fetch_array($result, MYSQL_ASSOC)){ 
     echo '<option value="'.$row['id'].'">'.$row['title'].'</option>'; 
    } 
?> 

在此列表中 选择变量不更新第二列表 之后,在没有出现的选项 在#第二选择

我想JavaScript代码的第二列表自动更新,但选择后从第一个菜单中选择

回答

0

在getter.php中,$ choice将等于第一选择值中的“select students”,“1”或“2”中的一个。这是你所期望的吗?

我从你的SELECT语句猜测你宁愿收到“”,“Mark”或“Makarious”。如果是这样的话,那么第一选择应该像

<select id="first-choice"> 
    <option disabled selected value="">select students</option> 
    <option value="Mark">Mark</option> 
    <option value="Makarious">Makarious</option> 
</select> 
+0

的问题不是第一个选项(第一选择) 在第二个选项不更新的第二个选项的列表中的问题(二线选择) 假设选择第一个选项后,将变量发送到第二个选项 使用getter.php文件 –

+0

您是否验证过getter.php返回的值?我怀疑Javascript正在工作,但你从getter.php获得一个空的选项字符串 –