php – 如何根据下拉选择更改div中的内容
发布时间:2020-12-13 16:56:53 所属栏目:PHP教程 来源:网络整理
导读:我用 PHP将数据库中的内容加载到我的div中. 我上面有一个下拉列表,我应该能够对内容进行排序,这意味着当选择下拉列表时,div中的旧内容将被删除,并且会显示新内容. 那么如何才能“删除”div中的旧内容,并根据下拉选择获取新内容? 这是我到目前为止所得到的:
我用
PHP将数据库中的内容加载到我的div中.
我上面有一个下拉列表,我应该能够对内容进行排序,这意味着当选择下拉列表时,div中的旧内容将被删除,并且会显示新内容. 那么如何才能“删除”div中的旧内容,并根据下拉选择获取新内容? 这是我到目前为止所得到的: <div class="col-md-4"> <ul class="nav nav-tabs top_nav"> <li role="presentation" class="active"><a href="#">Edit</a></li> <li role="presentation" class="inactive"> <!-- THE DROPDOWN THAT SHOULD SORT THE CONTENT BELOW --> <!-- REMOVE OLD,AND GET NEW AFTER SELECTED --> <select id="filter_type"> <option selected value="Alle">Alle</option> <option value="Privat_Tale">Privat Tale</option> <option value="Erhverv_Tale">Erhverv Tale</option> <option value="Gamle">Gamle</option> <option value="Privat_MBB">Privat MBB</option> <option value="Erhverv_MBB">Erhverv MBB</option> <option value="Familietele">Familietele</option> <option value="Retention">Retention</option> </select> </li> </ul> <!-- LOAD THE CONTENT FROM DB,AND SHOW IT --> <div class="abo_load" id="abo_load"> <?php if (mysql_num_rows($sql_select_edit) > 0) { while ($row = mysql_fetch_assoc($sql_select_edit)) { ?> <div class="abo_box" id="abo_box"> <label class="abo_navn"><?php echo $row['abo_name']; ?></label> <input type="hidden" value="<?php echo $row['category']; ?>" name="category" /> <form action="conn/delete.php" method="post"> <input type="hidden" value="<?php echo $row['id']; ?>" name="slet"> <input class="delete" value="Delete" type="submit" onclick="return confirm('Er du sikker??nDet ville jo v?re ?V med en Fejl 40!');"> </form> <label class="edit">Edit</label> <?php include("files/edit_list_content.php"); ?> </div> <?php } } ?> </div> </div> 编辑: 解决方法
您需要在下拉列表中绑定更改事件.根据选择,发出ajax请求获取相关内容&然后收到DIV内的更新内容.
如果您使用的是jQuery,一些有用的功能将是: Ajax:http://api.jquery.com/jquery.ajax/ 绑定事件:https://api.jquery.com/change/ 这里给出了一个很好的实现示例: (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |