Home > Article > Backend Development > 做编辑,jquery和PHP,从后台根据ID读取的值,编辑前面的checkbox和select,怎么根据从后台取出的值,让对应的checkbox和option为选中状态、
做编辑,jquery和PHP,从后台根据ID读取的值,编辑前面的checkbox和select,怎么根据从后台取出的值,让对应的checkbox和option为选中状态、
做编辑,jquery和PHP,从后台根据ID读取的值,编辑前面的checkbox和select,怎么根据从后台取出的值,让对应的checkbox和option为选中状态、
<code class="lang-php"> <meta charset="UTF-8"> <title>测试</title> <?php $chk = array('ch1','ch3','ch5'); //后台获取checkbox选中id的数组 $slt = 'iph'; //后台获取select选中option的value ?> <script type="text/javascript" src="//upcdn.b0.upaiyun.com/libs/jquery/jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(function(){ var chkData = <?php echo json_encode($chk);?>; var sltData = '<?php echo $slt;?>'; $('.chk').each(function(){ var self = $(this); var selfId = self.attr('id'); $.each(chkData, function(n, v){ if(v == selfId) self.attr('checked' , 'true'); }); }); $('#select option').each(function(){ var self = $(this); var selfVal = self.val(); if(selfVal == sltData) self.attr('selected' , 'true'); }); }); </script> <p><input id="ch1" class="chk" type="checkbox" value="111">111</p> <p><input id="ch2" class="chk" type="checkbox" value="222">222</p> <p><input id="ch3" class="chk" type="checkbox" value="333">333</p> <p><input id="ch4" class="chk" type="checkbox" value="444">444</p> <p><input id="ch5" class="chk" type="checkbox" value="555">555</p> <div class="selectAera"> <select id="select"> <option value="smt">锤子</option> <option value="iph">苹果</option> <option value="xm">小米</option> <option value="nka">诺基亚</option> </select> </div> </code>
运行结果:
php我不太懂,不过这个可以根据你后台传过来的值,通过js写一个判断来决定哪个checkbox
或者是select
将要被选中。比如
<code class="lang-javascript">if (a == 1) $("[name = yourcheckboxname]:checkbox").attr("checked", true); </code>
你这个问题描述的很不清除啊,可不可以理解为ajax修改数据?假如是这样, 那就是在选择选项的时候出发onchange事件,在这个方法里,可以发送请求发送到后台服务器,带着你读取的id,处理后返回一个数据结构,要带着你需要的值,用楼上的思路将相应的check选择状态改好就行了