jq多选按钮值_关于jquery的多选框获取值和状态回显

最近开发一个新功能模块设计到状态多选框的勾选及查询后状态的回显保留。

需求：在页面当点击状态多选框时实现option的勾选状态，把对应的option的value值赋给在form表单的隐藏input框()

后台通过(String status = request.getParameter('muti_status');)方式获取到前台页面传递的多选框勾选中的参数。后台通过查询数据返回一个带有分页的dnlist，把多个状态值回传(request.setAttribute('status', status);)到前台的form表单的隐藏input框()，返回的值存value='${status!}'，

状态:

通知提柜

已提柜

已到厂

待装

已封柜

已离厂

完成

页面：

目前多选框的值是写死的，select绑定一个onchange事件muti_select()，引入的js，css文件

注意：引用multiple-select.js时需要在页面加载时进行初始化，$(document).ready(function(){

$('#muti_statu').multipleSelect();

});

http://wenzhixin.net.cn/p/multiple-select/

//获取选中的值

function getAreas(selector){

return $(selector).multipleSelect('getSelects');

}

//获取文本

function getAreasText(selector){

return $(selector).multipleSelect('getSelects','text');

}

//多选框的onchange事件

function muti_select(){

var stat = getAreas('#muti_statu');

$('#muti_status').val(stat);

//value值

var muti = getAreas('#muti_statu');

//文本值

var mu = getAreasText('#muti_statu');

var sta_val = $('#muti_statu').attr('val',mu);

}

//多选框状态值的回显

$(function(){

if($('#sta').val()!= null){

var status = $('#sta').val();

var st = status.split(',');

$('#muti_statu').multipleSelect('setSelects', st);

}

});

jq多选按钮值_关于jquery的多选框获取值和状态回显相关推荐

java在线选座功能_基于jquery实现在线选座订座之影院篇
先给大家展示效果图(支持源码下载哦): 我们在线购票时(如电影票.车票等)可以自己选座.开发者会在页面上列出座次席位,用户可以一目了然的看到可以选择的座位及支付.本文以电影院购票为例,为您展示如何选座 ...
jquery的点击事件驱动获取值
jquery的点击事件驱动获取值小案例 <!DOCTYPE html> <html lang="en"> <head> <meta ch ...
座位选座的java代码_基于jQuery实现在线选座之高铁版
效果图展示: 除了电影院在线选座,我们还会接触到飞机机舱选座,当然也有汽车票火车票选座的.假如有一天买火车票也提供在线选座,那么今天我来给大家介绍下如何使用jQuery选座插件完成高铁列车座位布置.选 ...
jq取html下拉框的值,jquery设置下拉框的值为空
用jquery如何将下拉选的值置为空? 当选择"是",主编码码制为必填:当选择"否",实现主编码码制值为空.该jquery提供了val()方法设置或返回表单字段 ...
jquery取值，赋值，以及下拉框获取选中value值
太长时间不用基础的jquery语法,该忘的,不该忘的,都忘的差不多了.这里重新拾起一些简单的jquery知识. 一.jquery获取元素的值 (1)通过name属性获取元素的value值 //假如是获 ...
java 数组的索引值_按索引访问Java数组位置的值
我是 Java的新手,我只是在努力使用数组.我有一段代码,我在编写教程时已经编写过,但我很难理解它,如果有人能向我解释,我会很高兴. 我尝试过各种不同的方法(向我的鸭子解释,写下来等等)并且仍然无法理 ...
java获取json中的某个值_接口测试之json中的key获取
在很多情况下我们在进行接口测试的时候都会有获取上个接口返回的json数据中的某个key值,然后下个接口调用这个key值.今天给大家讲解一下针对不同类型的json获取某个key的值. 一.首先是单纯ob ...
list修改元素的值_第115天：Python 到底是值传递还是引用传递
我们平时写的 Python 程序中充斥着大量的函数,包括系统自带函数和自定义函数,当我们调用函数时直接将参数传递进去然后坐等接收返回值即可,简直不要太好用.那么你知道函数的参数是怎么传递的么,是值传递 ...
springboot取yml中的值_@Value拜拜：更优雅的获取springboot yml中的值
偶然看到国外论坛有人在吐槽同事从配置文件获取值的方式,因此查阅了相关资料发现确实有更便于管理更优雅的获取方式. 1.什么是yml文件 application.yml取代application.prop ...

jq多选按钮值_关于jquery的多选框获取值和状态回显

jq多选按钮值_关于jquery的多选框获取值和状态回显相关推荐

最新文章

热门文章