脚本宝典收集整理的这篇文章主要介绍了php – 显示Jquery从数据库中选择的数据来更新[Codeigniter],脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我只选择3个项目,然后保存.现在我想编辑.加载编辑页面时,我想要加载我选择的3个项目:
如果我点击全选(Selectionar待办事项),则会显示其余项目.
1-控制器
public function edIT_form() { $edit_id= $this->uri->segment(3); $data['ITEM_EDIT'] = $this->model->get_title_by_id($edit_id); $data['ITEM_ALL']= $this->model->get_all_title(); $this->load->view('view_edit_form',$data); }
2-视图
<select class="chosen-select" multiple name="item[]"> <?PHP foreach($ITEM_ALL as $item_all) { foreach($ITEM_EDIT as $item_edit) { if($title_edit->title== $title_all->title) { echo '<option value="'.$item_all->title.'" class="'.$item_all->id.'" selected>'.$item_all->title.'</option>'; } else { echo '<option value="'.$item_all->title.'" class="'.$item_all->id.'" >'.$item_all->title.'</option>'; } } } ?> </select>
3- jQuery
$(".chosen-select").chosen({ no_results_text: "Oops,nothing found : ",})
<htML lang="en"> <head> <link rel="stylesheet" href="docsupport/style.css"> <link rel="stylesheet" href="docsupport/PRism.css"> <link rel="stylesheet" href="chosen.css"> <button id="select-all">Select All</button><br/> <select data-placeholder="Chosen Example" multiple class="chosen-select" tabindex="18" id="multiple-label-example"> <option value="">American Black Bear</option> <option>Asiatic Black Bear</option> <option selected>Brown Bear</option> <option selected>Giant Panda</option> <option>Sloth Bear</option> <option>Sun Bear</option> <option>Polar Bear</option> <option>SPEctacled Bear</option> </select> <script src="https://ajax.GOOGLEapis.COM/ajax/libs/jquery/3.2.1/jquery.js" type="text/javascript"></script> <script src="chosen.jquery.js" type="text/javascript"></script> <script src="docsupport/prism.js" type="text/javascript" charset="utf-8"></script> <script src="docsupport/init.js" type="text/javascript" charset="utf-8"></script> <script> $('#select-all').click(function(){ $('#multiple-label-example option').prop('selected',true); // Selects all options $("#multiple-label-example").trigger("chosen:updated"); }); </script>
以上是脚本宝典为你收集整理的php – 显示Jquery从数据库中选择的数据来更新[Codeigniter]全部内容,希望文章能够帮你解决php – 显示Jquery从数据库中选择的数据来更新[Codeigniter]所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。