大家好，今天小编来为大家解答jquery select2 多选 submit这个问题，js设置select的option选中很多人还不知道，现在让我们一起来看看吧！
一、jquery的jgrid表头字段能不能居左
1、jqGrid提供了大量的选项设置，开发者可以通过设置选项对应值来控制jqGrid，比如表格的宽度、高度、数据类型以及列名称等等都是通过选项设置来完成的。jqGrid的选项一般是名称：值（name:value）的形式，也可以是对象(object)及数组（array）的形式配置。
2、jQuery("#grid_id").jqGrid(options);
3、options即jqGrid的选项设置，请参照以下表格。
4、ajaxGridOptions object此项用于设置当表格设置获得数据时，ajax的全局属性，注意此项可能覆盖所有当前的ajax设置（包括error, complete和beforeSend事件）。 empty
5、ajaxSelectOptions object此项用于设置在editoptions或searchoptions对象中通过dataUrl选择元素时， ajax的全局属性。 empty
6、altclass string交替行的类。此项仅当altRows设置为true时有效。 ui-priority-secondary
7、altRows boolean设置为交替行表格 false
8、autoencode boolean当设置为true时，对来自服务器的数据和提交数据进行encodes编码。如<将被转换为< false
9、autowidth boolean当设置为true时，表格宽度将自动匹配到父元素的宽度。这个匹配只在表格建立时进行，为了使表格在父元素宽度变化时也随之变化，可以使用setGridWidth方法 false
10、caption string表格的标题。显示在Header上。若为空时将不会显示。 empty
11、cellLayout integer该属性确定单元格的padding+ border宽度。通常不修改该属性，但若表格的CSS中改变了td元素，该属性需要修改。缺省值5表示paddingLef(2)+ paddingRight(2)+ borderLeft(1)=5 5
12、cellEdit boolean是否允许单元格编辑。 false
13、cellsubmit string确定单元格内容保存方式是remote还是clientArray。'remote'
14、cellurl string单元格保存的url。 null
15、colModel array描述列参数数组。这是表格最重要的部分，详见colModel API. null
16、colNames array[]列名称数组。该名称将在Header中显示。名称以逗号分隔，数量应与colModel数组数量相等 empty
17、data array以数组的形式保存本地数据。 empty
18、datastr string当datatype被设置为xmlstring或jsonstring时，为数据串。 null
19、datatype string定义表格希望获得的数据的类型，有效值有：
20、deselectAfterSort boolean只适用于当datatype为local时。当一个排序被应用时取消当前选定行。 true
21、direction string表格中的书写方向。“ltr”从左到右(缺省值)，“rtl”从右到左 ltr
22、editurl string定义行内编辑地址URL null
23、emptyrecords string当返回(或当前)数量为零时显示的信息此项只用当viewrecords设置为true时才有效。
24、ExpandColClick boolean true时，点击展开行的文字，treeGrid展开或收拢 true
25、ExpandColumn string指定用于张开treeGrid的列（名称来自colModel），未设置即用第一列。此项只有当treeGrid为true时有效. null
26、footerrow boolean如果设置为true时，将生成一个表脚行，列数等于colModel false
27、forceFit boolean如果设置为true，改变列宽，相邻列也将调整以适应整体表格，将不会出现水平滚动条。 false
28、gridstate string表格的当前状态。有visible或hidden visible
29、gridview boolean设置为true将提高5~10倍的显示速度。但不能再使用treeGrid, subGrid,或afterInsertRow事件 false
30、grouping boolean是否设置表格组 false
31、height mixed表格高度。可为数值、百分比或auto 150
32、hiddengrid boolean如果设置为true，表格开始被隐藏，数据不被载入，只显示标题。当第一次点击显示/隐藏按钮显示表格，数据从服务器载入。 false
33、hidegrid boolean是否允许显示/隐藏按钮可用。只有标题不为空时可用。 true
34、hoverrows boolean表行是否有鼠标悬停效果 true
35、jsonReader array JSON数据结构数组
36、lastpage integer请求返回的总页数 0
37、lastsort integer排序的列号（0开始） 0
38、loadonce boolean设置为true时，表格只一次读取服务器数据（使用适当datatype），之后，datatype自动变为local，所有进一步操作都在客户端完成，pager功能（若存在）将失效。 false
39、loadtext string数据请求和排序时显示的文本 Loading…
40、loadui string此项控制ajax进程进行时的动作。Disable—取消jqGrid的进程指示，可使用自定义的指示。 enable(缺省)—表格中间显示loading。 block–显示“Loading”信息，禁用页面上的所有功能，直到数据装入完成。 enable
41、mtype string定义提交类型POST或GET GET
42、multikey string此属性只有当multiselect为true时有效，定义多选时的组合键，可选值有： shiftKey，altKey，ctrlKey empty
43、multiboxonly boolean此属性只有当multiselect为true时有效，. Multiboxonly设置为true时，只有点击checkbox时该行才被选中，点击其他列，将清除当前行的选中。 false
44、multiselect boolean此属性设为true时启用多行选择，出现复选框 false
45、multiselectWidth integer若multiselect为true时，定义多选列的宽度。 20
46、page integer设置请求初始页的数量，此参数通过URL从服务器接受数据 1
47、pager mixed定义分页浏览导航条。必须是一个HTML元素，如<div id="page"></div> empty
48、pagerpos string定义表格浏览导航条的位置，缺省情况下建立一个包括3部分的导航条：页码，导航按钮和记录信息。 center
49、pgbuttons boolean定义导航激活时导航按钮是否显示。 true
50、pginput boolean定义导航栏是否有页码输入框。 true
51、pgtext string当前页信息。第一个量为当前页，第二个量为总页数。
52、prmNames array缺省情况下prmNames:{ page:“page”,rows:“rows”, sort:“sidx”,order:“sord”, search:“_search”, nd:“nd”, npage:null}以POST方式发送到服务器，字段为： page，rows，sidx，sord，search，nd例如要将sidx改为mysort，可写成： prmNames:{sort:“mysort”}.这样提交到服务器的字符串就变为： page=1&rows=10&mysort=myindex&sord=asc若将一些参数设为null，这些参数将不再发往服务器。例如prmNames:{ nd:null}则nd参数将不被发送。 Npage参数参见scroll option. none
53、postData array此数组能直接传递到url。这个数组可使用这种形式{name1:value1…}。 empty
54、reccount integer只读属性。定义表格显示的行数。切勿与records混淆。 0
55、recordpos string定义页中记录信息的位置，可以是left，center，right。 right
56、recordpos object交替行的类 true
57、records integer只读属性。定义从请求中获得的记录数 none
58、recordtext string可在页面上显示的提示信息，此文字只在viewrecords为true是有效，并且当记录总数大于0时才显示。
59、{0}该页显示的第一个记录的记录号
60、{1}该页显示的最后一个记录的记录号
61、resizeclass string列可变大小时的类 empty
62、rowList array[]用于改变显示行数的下拉列表框的元素数组。 empty
63、rownumbers boolean若此属性为true，表格左侧将添加一用于显示行数（从1开始）的列。此时colModel自动扩展出一个名为rn的元素。所以在colModel中不要定义rn。 false
64、rowNum integer表格中可见的记录数。此参数通过url传递给服务器供检索数据用。注意：若此参数设置为10，而服务器返回15条记录，将只有10条记录被装入。若此参数被设置为-1，则此检查失效 20
65、rownumWidth integer当rownumbers为true时，定义显示行数的列的宽度。 25
66、savedRow array只读属性。用于行编辑和单元格编辑保存数据之前 empty
67、scroll boolean or integer创建动态滚动表格。当设为启用时，pager被禁用，可使用垂直滚动条来装入数据。 false
68、scrollOffset integer定义垂直滚动条的宽度。 18
69、scrollrows boolean该项启用时，用setSelection选定一行，表格将滚动到被选行可见。 false
70、selarrrow array-[]只读属性。当multiselect为true时，包含当前选定的行。此为一维数组，值为表格中选定行的ID。 empty
71、selrow string只读属性。内容是最后选定行的ID。如火应用了排序或pagging，该值为null。 null
72、shrinkToFit boolean or integer该项描述计算每列相对于表格宽度的初始宽度的类型。
73、若为true，并且设置了列宽度，则每列的宽度根据定义宽度缩放。
74、若为false，并且设置了列宽度，表格宽度为设置宽度，列宽度不会重新计算，使用colModel中定义的值 true
75、sortable object启用此项，允许使用鼠标重新排序列。 true
76、sortname string从服务器读取XML或JSON数据时初始的排序名，此名被加到URL中。 empty
77、sortorder string从服务器读取XML或JSON数据时初始的排序类型，此类型被加到URL中。可选值为asc或desc。 asc
78、subGrid boolean设置为true，可使用子表格。启用子表格，将在基本表的左边将添加一列，并包含一个“+”图像，用户可以点击扩展行。 false
79、subGridModel array-[]该属性用于描述子表格的模式，只有subGrid为true时有效。它是一个用于描述子表格列的数组。 empty
80、subGridType mixed用于定义子表格装入的数据类型，若不定义，则使用与父表格同样的数据类型。 null
81、subGridUrl string该属性用于定义子表格获得数据的URL。行的ID将键入此URL中，若要添加其他参数，可使用subGridModel中的选项。 empty
82、subGridWidth integer定义子表格的列宽 20
83、toolbar array该参数定义表格的工具栏。参数是一个包含两个值的数组，第一个值使工具栏有效，第二个值相对位置（可以是top、 bottom、both）。例如：设置toolbar为 [true,”both”]，将在表格的头部和底部建立两个工具栏，两个工具栏位两个DIV元素，头部DIV元素的ID为“t_表格ID”，底部DIV元素的ID为“tb_表格ID”。若只有一个工具栏（top或bottom）时，DIV的ID为“t_表格ID”。 [false,'']
84、toppager boolean是否在表格上部显示分页条。 false
85、totaltime integer只读参数。用于记录装入XML和JSON数据的时间。 0
86、treedatatype mixed定义初始数据类型 null
87、treeGrid boolean启用（禁用）TreeGrid。 false
88、treeGridModel string定义TreeGrid的方法。可以是nested或adjacency。 nested
89、treeIcons array此数组设置TreeGrid中使用的图标。图标应是UI theme中的有效图标。缺省为{plus:'ui-icon-triangle-1-e',minus:'ui-icon-triangle-1-s',leaf:'ui-icon-radio-off'}
90、treeReader array扩展表格的colModel。这里定义的字段将添加到colModel的尾部并隐藏。服务器将返回这些字段的值。
91、tree_root_level numeric确定treeGrid相对于根元素的级别。 0
92、url string请求数据的url地址 null
93、userData array此数组保存请求的自定义信息，可随时使用 empty
94、userDataOnFooter boolean到为true时， userData直接放置在页脚。 false
95、viewrecords boolean是否在浏览导航栏显示记录总数 false
96、viewsortcols array定义表头中排序图标的外观和行为。缺省为[false,'vertical',true]。
97、第一个参数设定是否显示所有定义了排序的列旁显示图标。缺省的false表示只有当前排序列旁的图标显示。设为true可使所有可排序列都显示图标。
98、第二个参数设定排序图标如何放置。vertical为垂直放置，horizontal为水平放置。
99、第三个参数设定点击功能。True表示表头点击排序，false表示只点击排序图标排序。若将此参数设为false时，请确保第一个参数为true，否则将无法排序。
100、width number若为设置，表格的宽度为colModel中定义的所有列宽度的总和。若设置了该项，每列的初始宽度按照shrinkToFit设置的值 none
101、xmlReader array描述预期的XML数据结构的数组。
102、colModel属性以数组的形式定义各个表格列。这是jqGrid中很重要的部分。语法为：
103、 colModel: [{name:'name1', index:'index1'...},{...},... ],
104、align string定义表格单元格（非表头）的对齐方式，可取值：left, center, right. left
105、classes string此属性用于定义列的类名，当有多个类名时，用空格间隔，例如：“class1 class2”。在表格的CSS中，有一个预定义的类ui-ellipsis用于定义特定的行 empty
106、datefmt string日期格式，可用/，-和.。作为间隔符。y、Y、yyyy用于4位年，YY、yy用于2位的月，d、dd用于日期 Y-m-d
107、defval string搜索字段的缺省值，此参数只用于自定义搜索是的初始值。 empty
108、editable boolean定义字段是否可编辑，用于单元格编辑、行编辑和表单模式 false
109、editoptions array根据edittype参数定义可用的值数组 empty
110、editrules array设置可编辑字段的补充规则 empty
111、edittype string定义行编辑和表单模式的编辑类型，可以是text、textarea、select、checkbox、 password、button、image和file。 text
112、fixed boolean若设为true，即使shrinkToFit设置为true，列宽也不允许重新计算。GridWidth方法改变表格宽度时，列宽也不会改变。 false
113、formoptions array定义表单编辑的各种选项 empty
114、hidedlg boolean若设置为true，该列将不出现在模式对话框中，用户可以此控制列的显示或隐藏 false
115、hidden boolean定义初始化时，列是否隐藏。 false
116、index string通过sidx参数设置排序时的索引名。 empty
117、key boolean在未从服务器获得ID的情况下，该列可设置为行ID。只有一列可设置该属性，若出现多列，表格只采用将第一个设置了该属性的列，其他列忽略。 false
118、label string当colNames数组为空时，定义此列的标题。若colNames数组和此属性都为空，标题为该列的name属性值。 none
119、name string设置列在表格中的唯一名称，此属性是必须的。或者使用保留字subgrid、cb和rn. Required
120、resizable boolean定义是否可变列宽 true
121、sortable boolean定义是否可以排序 true
122、sorttype mixed当datatype为local时，用于定义排序列类型。可取int/integer（整数）、float/number/currency（小数）、date（日期）、text（文本） text
123、title boolean当设置为false时，鼠标滑向单元格时不显示title属性 true
124、width number设置列的初始宽度，可用pixels和百分比 150
二、jQuery select2 initselection不工作问题,怎么解决
在[Jquery select美化增加版Select2使用]说明了jquery select2的基本使用，今天将select2 ajax服务端获取数据的例子做一下说明。并总结一下我在项目中遇到的几个问题。
<input type="text" id="num">
placeholder:"输入一个AS号码",//文本框的提示信息
minimumInputLength:1,//至少输入n个字符，才去加载数据
allowClear: true,//是否允许用户清除文本信息
url:'${pageContext.request.contextPath}/……!getASNumber.do',//地址
dataType:'text',//接收的数据类型
//contentType:'application/json',
data: function(term, pageNo){//在查询时向服务器端传输的数据
autNumber: term,//联动查询的字符
pageSize: 15,//一次性加载的数据条数
results:function(data,pageNo){
if(data.length>0){//如果没有查询到数据，将会返回空串
var dataObj=eval("("+data+")");//将接收到的JSON格式的字符串转换成JSON数据
var more=(pageNo*15)<dataObj.total;//用来判断是否还有更多数据可以加载
results:dataObj.result,more:more
initSelection:function(element,callback){//初始化，其中doName是自定义的一个属性，用来存放text的值
var text=$(element).attr("doName");
if(id!=''&&text!=""){
formatResult: formatAsText//渲染查询结果项
//格式化查询结果,将查询回来的id跟name放在两个div里并同行显示，后一个div靠右浮动
var itemFmt="<div style='display:inline;'>"+item.id+"</div><div style='float:right;color:#4F4F4F;display:inline'>"+item.name+"</div>"
需要服务器端传输的数据格式：“{'result':[{'id':'4048','text':'4808','name':'CHINA169-BJ'},{'id':'4048','text':'4808','name':'CHINA169-BJ'}],'total':'1'}”
注：返回的数据格式是json格式的，result存放的是符合查询条件的记录前n条数据的一些属性，total存放的是符合查询条件的记录的总数
在联动查询的过程中，向服务器端传送了四个参数，其中 asNumber是指定的查询的数据，pageNo和pageSize是用来做分页效果的(注：需要自己在后台根据页号跟页码实现分页)，分别代表页码和每页的记录数，在这里先加载了15条数据，当你鼠标滚动到最底部的时候，就会根据你传的这三个参数，加载下15条的数据。
$("#selectsq").empty();//清除下拉框option，不是会累加
$.each(EditActiveModel.CommunityList, function(key, val){
$("#selectsq").val(tagss).trigger("change");
$("#selectsq").on("change", function(e){ ToggleProductList();})
三、jquery中简单过滤选择器有哪些
a)":first"，选取第一个元素，别忘记它也是被放在一个集合里哦！因为JQuery它是DOM对象的一个集合。如，“$("tr:first")”返回所有tr元素的第一个tr元素，它仍然被保存在集合中。
b)“:last”，选取最后一个元素。如，“$("tr:last")”返回所有tr元素的最后一个tr元素，它仍然被保存在集合中。
c)“:not(selector)”，去除所有与给定选择器匹配的元素。如，“$("input:not(:checked)")”返回所有input元素，但去除被选中的元素（单选框、多选框）。
d)“:even”，选取所有元素中偶数的元素。因为JQuery对象是一个集合，这里的偶数指的就是集合的索引，索引从0开始。
e)“:odd”，选取所有元素中奇数的元素，索引从0开始。
f)“:eq(index)”，选取指定索引的元素，索引从0开始。
g)“:gt(index)”，选取索引大于指定index的元素，索引从0开始。
h)“:lt(index)”，选取索引小于指定index的元素，索引从0开始。
i)“:header”，选取所有的标题元素，如hq、h2等。
j)“:animated”，选取当前正在执行的所有动画元素。
a)“:contains(text)”，选取包含text文本内容的元素。
b)“:empty”，选取不包含子元素或者文本节点的空元素。
c)“:has(selector)”，选取含有选择器所匹配的元素的元素。
d)“:parent”，选取含有子元素或文本节点的元素。（它是一个父节点）
根据元素的可见与不可见状态来选取元素。
“:hidden”，选取所有不可见元素。
“:visible”，选择所有可见元素。
可见选择器：hidden不仅包含样式属性 display为 none的元素，也包含文本隐藏域(<input type=“hidden”>)和 visible:hidden之类的元素。
通过元素的属性来选取相应的元素。
a)“[attribute]”，选取拥有此属性的元素。
b)“[attribute=value]”，选取指定属性值为value的所有元素。
c)“[attribute!=value]”，选取属性值不为value的所有元素。
d)“[attribute ^= value]”，选取属性值以value开始的所有元素。
e)“[attribute$= value]”，选取属性值以value结束的所有元素。
f)“[attribute*= value]”，选取属性值包含value的所有元素。
g)“[selector1] [selector2]…[selectorN]”，复合性选择器，首先经[selector1]选择返回集合A，集合A再经过[selector2]选择返回集合B，集合B再经过[selectorN]选择返回结果集合。
一看名字便是，它是对某一元素的子元素进行选取的。
a)“:nth-child(index/even/odd)”，选取索引为index的元素、索引为偶数的元素、索引为奇数的元素。
l nth-child(even/odd)：能选取每个父元素下的索引值为偶(奇)数的元素。
l nth-child(2)：能选取每个父元素下的索引值为 2的元素。
l nth-child(3n)：能选取每个父元素下的索引值是 3的倍数的元素。
l nth-child(3n+ 1)：能选取每个父元素下的索引值是 3n+ 1的元素。
b)“:first-child”，选取第一个子元素。
c)“:last-child”，选取最后一个子元素。
d)“:only-child”，选取唯一子元素，它的父元素只有它这一个子元素。
a)“:input”，选取所有<input>、<textarea>、<select>和<button>元素。
b)“:text”，选取所有的文本框元素。
c)“:password”，选取所有的密码框元素。
d)“:radio”，选取所有的单选框元素。
e)“:checkbox”，选取所有的多选框元素。
f)“:submit”，选取所有的提交按钮元素。
g)“:image”，选取所有的图像按钮元素。
h)“:reset”，选取所有重置按钮元素。
i)“:button”，选取所有按钮元素。
j)“:file”，选取所有文件上传域元素。
k)“:hidden”，选取所有不可见元素。
选取表单元素属性的过滤选择器。
“:enabled”，选取所有可用元素。
“:disabled”，选取所有不可用元素。
“:checked”，选取所有被选中的元素，如单选框、复选框。
“:selected”，选取所有被选中项元素，如下拉列表框、列表框。
好了，文章到这里就结束啦，如果本次分享的jquery select2 多选 submit和js设置select的option选中问题对您有所帮助，还望关注下本站哦！
