去除input标签/button按钮原本样式 并利用js赋值,select 中Option的增加与删除

来源:互联网 发布:多宝视训练软件价格 编辑:程序博客网 时间:2024/04/30 21:24


-----------input---------

<input   id="show" type="text" style="border-left: 0; border-right: 0;border-top: 0; background-color: #EAF2FF;color: black" disabled="disabled" >


赋值:

document.getElementById('show').value =‘’==151.2==‘’                                   

-----------button---------

<button style="border: none;background:none;font-size:12.5px;font-weight: bold;width: 60px;white-space: nowrap;color: #312724;font-family: sans-serif"  > ss</button>


var   valueStatus="战士"

var reg = new RegExp('"',"g");  
valueStatus = valueStatus.replace(reg, "");

valueStatus =战士


document.getElementById("btn1").value="APP下载";                                             


--------

文本框值得修改:$("#show").text(qrCode);

修改图片路径:document.getElementById('myImg').src = ‘../uu.png’;

图片alt提示:* document.getElementById('show').innerHTML = ‘我是图片’;

 document.getElementById("progress").style.backgroundColor="#FFFF99";更该背景色

获取Select下拉选中的代码值:var bidFlag=$("#bidFlag  option:selected").val();

获取Select下拉选中的显示值:var bidFlag=$("#bidFlag  option:selected").text();

动态添加删除Option


<html>
<head>
<title></title>
<script language="javascript">
function change(){
var obj=document.getElementById("floor");
if (document.getElementById("qu").value=="1"){
var t=document.createElement("OPTION");
t.text="第五楼";
t.value="5";
obj.add(t);
}else if(document.getElementById("qu").value=="2"){
for(var i=0; i<obj.length;i++){
if(obj.options[i].value=="5"){
obj.remove(i);
return;
}
}
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
 <select name="qu" id="qu" onchange="change()">
   <option value="请选择所在区">--请选择所在区--</option>
   <option value="1">南开区</option>
   <option value="2">红桥区</option>
      </select>
        <select name="floor" id="floor">
          <option value="请选择楼层">--请选择楼层--</option>
          <option value="1">第一楼</option>
          <option value="2">第二楼</option>
          <option value="3">第三楼</option>
          <option value="4">第四楼</option>
        </select>
    </form>
</body>
</html>







1 0