1.获取select中options对象
<script type="text/javascript">
var brand='${xxx}';//这里后台传到页面的值
if(brand!=""){
var s = document.getElementById("brand"); //获取select对象
var ops = s.options;
for(var i=0;i<ops.length; i++){
var tempValue = ops[i].value;
if(tempValue == brand)
{
ops[i].selected = true; //如果后台的值与下拉列表的某一个value相等，就设置此项为选中项
break;
}
}
}
</script>
2.清空小技巧
$('#modelForm input').val("");
所有指定ID下input 全部清空
var ops = $('#modelForm select').find("option");//查询当下所有option对象
for(i in ops){
ops[i].selected = false; //赋值所有选择属性为否
}
3. JS 隐藏与显示
<script type="text/javascript">
function divShow(){
document.getElementById("btnshow").style.display="block";
document.getElementById("btnhref").innerHTML ="关闭";
document.getElementById("btnhref").href ="javascript:divhidden()";
}
function divhidden(){
document.getElementById("btnshow").style.display="none";
document.getElementById("btnhref").innerHTML ="了解";
document.getElementById("btnhref").href ="javascript:divShow()";
}
</script>
4. JS 移除HTML属性 （这里做的效果，下拉表单多次选择，每次选择，值保存叠加，但是下拉表单中的数据，一旦被选择过，则在下拉表单中清除掉，不能重复选择，提升用户体验感）
<body>
<select id="cqldSelect" οnchange="changeSelect(this.value)">
<option>asd</option>
<option>afaf</option>
<option>dfgdfg</option>
<option>ahfghgsd</option>
</select>
<div id=cqldSelectList>
</div>
</bode>
<script>
var selectOps = document.getElementById("cqldSelect");//获取容器对象
var ops = selectOps.options;//获取内部子对象结果集
$("#cqldSelectList input[name=roleids]").cache(function(){
for (n in ops){
if($(this).val() == ops[n].value){
selectOps.removeChild(ops[n]);//删除元素内部指定元素
}
}
});
</script>
2018-06026
Mr.Chenyb 随笔记录,方便使用
7万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
