19/07/12

<input type="hidden" name="ROLE_IDS" id="ROLE_IDS" value="${pd.ROLE_IDS }" ></input>

var all="夏"

$("#ROLE_IDS").attr("value", all);

上面这三条语句决定了ROLE_IDS原来是没有值的，变成了值为“夏”

2 select2 插件的使用

<select multiple="multiple" class="ROLE" name="roles" id="ROLE" data-placeholder="选择对象具体类型" value="${pd.DXLX }"
                                               style="width: 98%; display:none">

//是从数据库取出的数据
                                               <c:forEach items="${roleList}" var="role">
                                                       <option value="${role.ROLE_ID }" >${role.ROLE_NAME }</option>
                                                   </c:forEach></select>

效果图如下：

一定要导入两个js,一个css


<script src="static/ace/js/select2.js"></script>
<script src="static/ace/js/select2.min.js"></script>

<link rel="stylesheet" href="static/ace/css/select2.css" />

$('#ROLE').select2("data")//给下拉框赋予select2的样式

var ddd=$("#ROLE").select2();
ddd.val([${pd.ROLE_IDS }]).trigger("change");
ddd.change();

//上面那段代码是从后台取值到前台的操作

${pd.ROLE_IDS } 必须是这个格式 'dfdfdfdfs','dfdfsdfdsfdf','dfdfdfdf'

['dfdfdfdfs','dfdfsdfdsfdf','dfdfdfdf']

因为我做的是两个多选下拉的形式，而且这两个下拉框还不可以同时选择，所以就涉及到一些问题，弄了很久，从昨天下午到今天下午，昨天晚上想通宵了，但是根本没有思路，可能我本身的思维就有些问题，开始两个中只有一个好使，而且样式写的都是一样的，所以就很困惑，后来还是样式覆盖了，前台的代码真的是，而且有的东西真的是有缓存，你重启后，才会好使。明天我一定会把代码整理出来，一定会，明天休息了，实习第二周，不知道该不该坚持下去，因为感觉现在一直在做前端，我也很迷惘

猜你喜欢