php方法，tp3，二级联动下拉框

最新推荐文章于 2019-10-25 07:55:14 发布

尾巴藏起来

最新推荐文章于 2019-10-25 07:55:14 发布

阅读量571

点赞数

分类专栏： php+ajax+jquery+html

本文链接：https://blog.csdn.net/yqymzj/article/details/92083978

版权

php+ajax+jquery+html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<div style="margin-left: 315px;margin-right: 315px;">
   <div>
       <br/><br/><br/><br/><br/><br/>
       <div><h3>考试中心</h3></div>   <hr/>
       <div style="margin-bottom:100px;">
           <form action="{:U('exams/Index/examsroom')}&squery=paper_id=23&joinType=2" method="post">
               <a href="{:U('exams/Index/index')}&squery=w0" style="margin-left: 50px;">模拟考试</a>
               <font>选择模拟考试项目：</font>
               <select id="test" name="test" οnchange="getSubs()" >
                   <option value="">请选择</option>
                   <volist name="list_class" id="vo">
                       <option value="{$vo.exams_subject_id}">{$vo.title}</option>
                   </volist>
               </select>
               <select id="test1" name="test1">
                   <option value="">请选择</option>
                   <volist name="list" id="vo">
                       <option value="{$vo.exams_point_id}">{$vo.title}</option>
                   </volist>
               </select>
               <input type="submit" value="开始模拟考试" />
           </form>
       </div><hr/>
       <div>
           <a href="{:U('kscore/Index/sign_up')}"style="margin-left: 50px;">报名考试</a>
       </div>
       <br/><br/><br/><br/><br/><br/><br/>
   </div>
   <script type="text/javascript">
       function getSubs(){
       //通过设备类型下拉框联动部位下拉框
           var parentId = $("#test").val();
           // console.log(parentId)
           var url=U('kscore/Index/getSub');//请求后台的url
           $("#test1").empty();//先置空
           $("#test1").append($('<option value="">请选择</option>'));//加上--请选择--选项
           if(parentId=="") return;//无值，返回

           url+="&parentId="+parentId;//url参数

           $.ajax({
               type: 'post',
               dataType: 'json',
               url: url,
               success: function(data){
                   var mydata=data;
                   $.each( mydata,function(index,entity){
                       $("#test1").append($('<option value="'+entity.exams_point_id+'">'+entity.title+'</option>'));//后台数据加到下拉框
                   });
               },
               error: function(){
               }
           });

       }
   </script>
</div>

————————————————————————————————————————————————-———————

//模拟考试，选择项目
public function getSub()
{

$id=$_GET['parentId'];
// var_dump($id);

$list = M('el_exams_point')->query("SELECT el_exams_point.exams_subject_id, el_exams_point.exams_point_id, el_exams_point.title FROM el_exams_point WHERE el_exams_point.exams_subject_id = $id");

echo json_encode($list);
exit;
}