我将我的内容从DB
和PHP
加载到div中。
我上面有一个dropdown
,我应该能够解决内容,这意味着选择dropdown
时,div
中的旧内容被删除,并且将出现新的内容。
那么如何“删除” div
中的旧内容,并基于dropdown selection
获得新内容?
这是我到目前为止所得到的:
<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>
编辑:
我已经用JQuery做到了,我加载了一个php页面,该页面获取选定的项,然后从数据库中获取数据。但是问题是,在加载时,我无法使用任何JQuery来处理新内容。就像我在内容上带有jQuery隐藏功能的编辑标签。当我从数据库中通过php获取数据时,该功能有效,但是当我通过JQuery加载获取数据时,该功能无效。那就是为什么我想通过php加载数据
最佳答案
您需要在下拉列表上绑定(bind)change
事件,并基于选择,触发ajax请求以获取相关内容,然后在DIV
中接收到更新内容。
如果您使用的是jQuery,则一些有用的功能将是:
Ajax:http://api.jquery.com/jquery.ajax/
绑定(bind)事件:https://api.jquery.com/change/
这里给出了一个很好的实现示例:
https://stackoverflow.com/a/4910803/2004910
关于php - 如何根据下拉选择更改div中的内容,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30774917/