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 随笔记录,方便使用