Question

我有两个组合框，其中有数据库的值，我想要的是当我选择第一个组合框中的选项时，第二个组合框中的选项将根据所选的框进行更改。我发现一段代码可以像我预期的那样工作，但问题是它的静态我想要的是动态的，这是我找到的代码，将它与我的相比，请纠正我的。

HTML：

u'temp': u'+6'

javascript：

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="type">
    <option value="item1">item1</option>
    <option value="item2">item2</option>
    <option value="item3">item3</option>
</select>

<select id="size">
    <option value="">-- select one -- </option>
</select>

现在这里是我的，我有第一个组合框的数据，它可以工作，因为它在标签之外。对于第一个数据库，我有像sex_id和数据（男人，女人）这样的属性。对于将根据所选选项进行更改的第二个组合框，我的表名为lala，其属性为id，sex_id，类别为men1，men2，men3，women1，women2，women3。（两个表连接或当我选择男人时，第二个组合框必须具有这个值men1，men2，men3。对于女性，我们有女性1，女性2，女性3。这是我怎么做的。
HTML：

$(document).ready(function () {
$("#type").change(function () {
var val = $(this).val();
if (val == "item1") {
$("#size").html("<option value='test'>item1: test 1</option><option value='test2'>item1: test 2</option>");
 } else if (val == "item2") {
 $("#size").html("<option value='test'>item2: test 1</option><option value='test2'>item2: test 2</option>");
} else if (val == "item3") {
$("#size").html("<option value='test'>item3: test 1</option><option value='test2'>item3: test 2</option>");
    }
});
});

的javascript：

<select class ="form-control" id="age" name="gender">
<option value="" selected> - Gender -</option>
<?php
$sql = "SELECT * from sex";
$q= $conn->query($sql);
$q->setFetchMode (PDO::FETCH_ASSOC);

while($r = $q->fetch())
{
?>
<option value="<?php echo $r['value']?>"> <?php echo $r['value']?>  </option>

<?php

}?>
</select>
<select class ="form-control" id="sex" name="gender">
<option value="" selected>- Age Span -</option>

</select>

使用pdo从数据库中检索数据并将其放在选项标记旁边

0 个答案: