bootstrat 设置 select option 选项的值

最新推荐文章于 2023-02-17 18:14:27 发布

weixin_33830216

最新推荐文章于 2023-02-17 18:14:27 发布

阅读量141

点赞数

文章标签： php

本文详细介绍了如何使用UE编辑器和AJAX实现动态页面内容的更新，包括选择改变事件触发更新、AJAX请求数据、清空原有选项、填充新选项并刷新选择器的过程。

<script>
    /**
         //把textarea替换成一个编辑器
        UE.getEditor('22upTips',{
            initialFrameWidth:"80%",
            initialFrameHeight:"200"
        });
    **/
      $(document).ready(function() {
        //select change 
        $("#app_type").change(function(){
             var app_type=$(this).val();
             var url="./index.php?module=operation&action=SelectChange";
             var post_value = "app_type="+app_type;
             $.ajax({
                type: "POST",
                 url: url,
                 data: post_value,
                dataType: 'json',
                success: function(data){
                  //清空option
                  $("#upVer").empty();
                   if(data==0){
                       alert('更新失败');
                   }else{
                       $(data).each(function(k,v){
                            //设置option选项
                            document.getElementById("upVer").innerHTML +=v[0].option;
                            $("#mainVer").val(v.mainVer);
                            $("#upTips").val(v.upTips);
                            $("#assetPath").val(v.assetPath);
                            $("#newUpiniPath").val(v.newUpiniPath);
                            $("#appStore").val(v.appStore);
                            $("#forceUpdateVersion").val(v.forceUpdateVersion);
                         
                       });
                       //刷新
                       $('#upVer').selectpicker('refresh');
                   }
                }
              });
         });
         
    });
    </script>