Home  >  Article  >  Backend Development  >  做编辑,jquery和PHP,从后台根据ID读取的值,编辑前面的checkbox和select,怎么根据从后台取出的值,让对应的checkbox和option为选中状态、

做编辑,jquery和PHP,从后台根据ID读取的值,编辑前面的checkbox和select,怎么根据从后台取出的值,让对应的checkbox和option为选中状态、

WBOY
WBOYOriginal
2016-06-06 20:44:161370browse

做编辑,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>

运行结果:

做编辑,jquery和PHP,从后台根据ID读取的值,编辑前面的checkbox和select,怎么根据从后台取出的值,让对应的checkbox和option为选中状态、

php我不太懂,不过这个可以根据你后台传过来的值,通过js写一个判断来决定哪个checkbox或者是select将要被选中。比如

<code class="lang-javascript">if (a == 1)
    $("[name = yourcheckboxname]:checkbox").attr("checked", true);
</code>

你这个问题描述的很不清除啊,可不可以理解为ajax修改数据?假如是这样, 那就是在选择选项的时候出发onchange事件,在这个方法里,可以发送请求发送到后台服务器,带着你读取的id,处理后返回一个数据结构,要带着你需要的值,用楼上的思路将相应的check选择状态改好就行了

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn