> 백엔드 개발 > PHP 튜토리얼 > 做编辑,jquery和PHP,从后台根据ID读取的值,编辑前面的checkbox和select,怎么根据从后台取出的值,让对应的checkbox和option为选中状态、

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
풀어 주다: 2016-06-06 20:44:16
원래의
1445명이 탐색했습니다.

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

回复内容:

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

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<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>


</head>
<body>

    <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>

</body>
</html>
로그인 후 복사

运行结果:

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

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

if (a == 1)
    $("[name = yourcheckboxname]:checkbox").attr("checked", true);
로그인 후 복사

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

관련 라벨:
php
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿