php – 如何根据下拉选择更改div中的内容

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – 如何根据下拉选择更改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>

编辑:
我已经使用jquery创建了它,我加载了一个PHP页面,它获取所选项目,然后从数据库获取数据.但问题是,当它加载时,我不能使用任何JQuery来操纵新内容.就像我在内容上有一个带有JQuery隐藏功能的编辑标签.当我从我的数据库获取数据时,该函数正在工作,但是当我通过JQuery加载获取数据时却没有.这就是为什么我想通过PHP加载数据

解决方法

您需要在下拉列表中绑定更改事件.根据选择,发出ajax请求获取相关内容&amp;然后收到DIV内的更新内容.

如果您使用的是jQuery,一些有用的功能将是:

Ajax:http://api.jquery.com/jquery.ajax/

绑定事件https://api.jquery.com/change/

这里给出了一个很好的实现示例:
https://stackoverflow.com/a/4910803/2004910

脚本宝典总结

以上是脚本宝典为你收集整理的php – 如何根据下拉选择更改div中的内容全部内容,希望文章能够帮你解决php – 如何根据下拉选择更改div中的内容所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。