select2根据传入的url参数动态添加option

(function ($) { var FundArchivementsDSHome = function () { };//初始化FundArchivementsDSHome.load = function () {init();ResultDSChart();};
//根据url动态添加select2的optionvar init = function (callback) {let fundName = getUrlParam("fundName", true);let fundCode = getUrlParam("fundCode");if (fundCode !== "0" && fundCode !== null) {var option = new Option(fundName, fundCode, true, true);$('#FundListS').append(option);} };var ResultDSChart = function (callback) {var data_url = CPRO.getVirtualPath() + "/FundArchivementsDS/GetResultDataByFund";var chart = echarts.init(document.getElementById('_ResultDSChart'));chart.showLoading({text: "加载中..."});var fundID = $("#FundListS option:selected").attr("value");var fundName = $("#FundListS  option:selected").text().replace(/[\r\n]/g, "").replace(/[ ]/g, "");if (fundName.length === 0) {fundID = "0";}$.ajax({url: data_url,type: 'get',data: "fundID=" + fundID,cache: false,dataType: 'json',async: true,success: function (result) {chart.hideLoading();if (result) {var option = {grid: {bottom: 80},tooltip: {trigger: 'axis',axisPointer: {type: 'cross',animation: false,label: {backgroundColor: '#505765'}},extraCssText: 'width:300px;min-height:60px;'},dataZoom: [{show: true,realtime: true,start: 60,end: 100}],xAxis: [{type: 'category',data: result.xColloums,}],yAxis: [{name: '数据总量',type: 'value'}],series: [result.projectmodel]};chart.clear();chart.setOption(option);chart.off('click');}},error: function (errorMsg) {//alert("图表请求数据失败!" + errorMsg);console.log(errorMsg);chart.hideLoading();}});};$("#FundListS").change(function (data) {var fundID = $("#FundListS option:selected").attr("value");var fundName = $("#FundListS  option:selected").text().replace(/[\r\n]/g, "").replace(/[ ]/g, "");if (fundName.length === 0) {fundID = "0";}if (window.location.href.toLowerCase().indexOf("fundarchivementsds") !== -1) {ResultDSChart();}});var getUrlParam = function (name, decodeURI) {//console.log(name);//构造一个含有目标参数的正则表达式对象var reg = new RegExp("(^|&)" + name.toLowerCase() + "=([^&]*)(&|$)");//匹配目标参数var url = decodeURI ? decodeURIComponent(window.location.search.toLowerCase()) : window.location.search.toLowerCase();var r = url.substr(1).match(reg);//console.log(r);//返回参数值if (r !== null) return unescape(r[2]); return null;};$('#FundListS').select2({placeholder: '请输入',allowClear: true,ajax: {url: function (params) {return CPRO.getVirtualPath() + "/FundDataStatistics/GetFundList";},dataType: 'json',delay: 250,data: function (params) {var queryParameters = {keywords: params.term};return queryParameters;},processResults: function (data) {return {results: data.message};},cache: true}});window.CPRO.FundArchivementsDS = FundArchivementsDSHome;
})(jQuery);

select2根据传入的url参数动态添加option相关推荐

select2动态添加option
select2动态添加option 背景 html 原来的实现 javascirpt实现后端接口返回取值修改后 javascript实现后端接口返回结果取值结论背景 select2 使用 ...
layui option 动态添加_layui select动态添加option的实例
html 产品类别轻松融容易融快乐融增加产品类别 js //重新渲染表单 function renderForm(){ layui.use('form', function(){ var fo ...
layui option 动态添加_layuiselect如何动态添加option
这次给大家带来layui select如何动态添加option,layui select动态添加option的注意事项有哪些,下面就是实战案例,一起来看一下. html 产品类别轻松融容易融快乐 ...
html表单中动态添加下拉框,antd Select下拉菜单动态添加option里的内容操作
antd Select下拉菜单动态添加option里的内容,通过form表单绑定select选中的值提供一个公共的方法,每次只需去调用这个方法就行了 //这里是示例数据格式 let giftScop ...
BootStrap-select插件动态添加option无法显示
问题描述: 在使用bootstrap-select插件时出现下拉框无法显示动态追加的option,经过查看element元素发现,select标签已经append进去了所需的option选项,但是页面 ...
php 正则替换url参数,url Rewrite 重写时带“？”（问号）参数的传递
一,Rewrite重写时带"?"(问号)参数的传递很多人都会遇到需要将网站以前的旧URL转换到新版本的新URL来,但是有一些带有参数的地址由于涉及到参数名的变更,需要通过伪静态的 ...
jsp ajax动态添加数据,jquery Ajax实现Select动态添加数据
jquery Ajax实现Select动态添加数据,具体内容如下 1.背景最近在工作中,遇到了一个关于select的问题.一般情况下,select下拉框中的数据都是固定的或者直接在jsp中读取列表值 ...
js动态添加options(转载)
JS动态添加Option的几种方式在处理表单的时候,经常会有这样的需求:给定一定的数据来生成某个select的option,或者更进一步,某些option或许预先选中或者有高亮显示. 下面我们就来温 ...
SpringBoot之接收url参数
url参数如何添加呢? 我们先看测试工具postman postman设置参数,在这里设置,但是具体是什么样子呢? 我们再使用抓包工具wireshark 通过上述观察,我们发现 URL 参数是追加到 ...
微信小程序页面跳转时URL参数丢失问题
最近在小程序开发过程中,发现之前可用的某个功能字段展示为了undefined,后来查看参数发现页面跳转时参数丢失了导致的 // group/index.jshandleJump() {const { ...

select2根据传入的url参数动态添加option

select2根据传入的url参数动态添加option相关推荐

最新文章

热门文章