常用代码

来源：互联网发布：淘宝网助理软件编辑：程序博客网时间：2024/05/22 07:04

1.弹出对话框，点确定后返回/关闭

2.输入框自动提示，点击清零

<input name="to_email" type="text" id="to_email" value="$value" onmouseover="this.style.borderColor='#FF6600'"
onmouseout="this.style.borderColor=''" onFocus="if (value =='$value'){value =''}" onBlur="if (value ==''){value='$value'}"/>

<textarea name="explain" cols="100" rows="7" maxlength="500" style="color:#cccccc" onfocus="this.style.color='#000000';if(value == '<?php echo $v_expl;?>'){this.value='';}" onBlur="if(value ==''){this.style.color='#cccccc';value='<?php echo $v_expl;?>';}" ><?php if(isset($explain)&&$explain!=""){echo $explain;}else echo $v_expl;?></textarea>

3.可输入的下拉菜单

<select name="select"style="position:absolute; left: 10px; top: 10px; width: 120px; height: 18px; clip: rect(0 120 18 100)" id="select" onchange="textfield.value=select.value;textfield.select()">
    <option value="aaaaaaaa">aaaaaaaa</option>
    <option value="bbbbbbbb">bbbbbbbb</option>
    <option value="cccccccc">cccccccc</option>
</select>
<input type="text" style="position:absolute; left: 10px; top: 10px; width: 100px; height: 20px" name="textfield">

4.通过下拉框内容控制文本框内容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn">
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<title>下拉框内容自动填充文本框</title>
<link href="" type="text/css" rel="stylesheet" />
<script type="text/javascript" language="javascript" src=""></script>

</style>
<script type="text/javascript" language="javascript">
function ChangeTxt(obj){
var val = obj.options[obj.selectedIndex].value; //获取下接框选择的值
document.getElementById("inptxt").value=val; //将获取的值填写到文本框
}
</script>
</head>

<select id="sel" name="sel" onchange="ChangeTxt(this)">
<option value="项目1">项目1</option>
<option value="项目2">项目2</option>
<option value="项目3">项目3</option>
<option value="项目4">项目4</option>
</select>
</body>
</html>

5.利用window.open实现post方式的参数传递
<?php
$content=$_POST[content];
$content=explode('|',$content);
?>
<script>
function openPostWindow(url, data, name)
      {
          var tempForm = document.createElement("form");
          tempForm.id="tempForm1";
          tempForm.method="post";
          tempForm.action=url;
          tempForm.target=name;

          var hideInput = document.createElement("input");
          hideInput.type="hidden";
          hideInput.name= "content";
          hideInput.value= data;
          tempForm.appendChild(hideInput);
          tempForm.attachEvent("onsubmit",function(){ openWindow(name); });
          document.body.appendChild(tempForm);

          tempForm.fireEvent("onsubmit");
          tempForm.submit();
          document.body.removeChild(tempForm);
     }

      function openWindow(name)
      {
          window.open('about:blank',name,'height=400, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=yes, resizable=no,location=no, status=no');
      }
     </script>