又能选择又能输入

来源：互联网发布：编辑曲谱的软件编辑：程序博客网时间：2024/05/16 01:32

function keydown_func(){
if (event.keyCode==115 && event.srcElement.id == "re_name")
{

//  如果你浏览器安全级别允许的话:
  var f=new ActiveXObject("WScript.SHELL");
  r00.focus();
  f.SendKeys("%{DOWN}");

//  var r = document.getElementById("r00");
//  alert('F4....'+r);
//  r.fireEvent("onclick");
  event.keyCode=0;
  event.returnValue=false;
}
}

</script>
<title>input 和 select 的小应用</title>
</head>

又能选择又能输入:<br/>
input 宽度:w<br/>
select 宽度:w+18<br/>
select margin-left:-w<br/>
<br/>
在输入域中按F4键.....<br/>
在此页上的ActiveX控件和本页上的其它部份的交互可能不安全。<br/>
你想允许这种交互吗？<br/>
是V 否X<br/>

<div style="position:absolute;left:500;top:100;width:300;height:120;border:1px solid blue;">
请输入/选择:
<input type=text id=re_name name=re_name style="width:150px;height:21px;font-size:10pt;"><span style="width:18px;border:0px solid red;">
<select id="r00" name="r00" style="margin-left:-150px;width:168px; background-colorFFEEEE;" onChange="document.all.re_name.value=this.value;">
<option value="1">111  | AA | aaaaaa</option>
<option value="2">222  | BBB| bbbb</option>
<option value="3">3    | C  | cccccccc</option>
</select>
</span>
<input type=button name="confirm" value="confirm" onclick="conf.innerText='你输入/选择的是:'+re_name.value;"><br/>
</div>
<span id=conf></span><br/>
<pre>| |</pre><br/>
<script>
window.status='选择框项数:'+r00.options.length;
</script>
<br/><br/><br/><br/><br/>
如果你浏览器安全级别允许的话，可以用下面的代码

<select id=s1>
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<input type=button id=b1 value=go onclick="aa()">
<script>
function aa(){
var f=new ActiveXObject("WScript.SHELL");
s1.focus();
f.SendKeys("%{DOWN}");
}
</script>
<br/><br/><br/><br/><br/>

改变下拉列表的值而触发文本框值变化或者让文本框的值等于下拉列表中当前选定的值。通常有几种方法，一种就是全部放在form中用post提交刷新页面完成；一种就是用JS函数来完成，现在介绍一种只须要一句代码就可以完成的方法：

<select name="sel" onChange="document.all.bitrate.value= document.all.sel.options[document.all.sel.selectedIndex].value; ">
    <option value="768">768Kbps</option>
   <option value="512" selected>512Kbps</option>
   <option value="384">384Kbps</option>
     </select>
<input name="bitrate" type=text class="input" value="512" size="8" title="系统里设置的码率"> Kbps

注意上述方法可以不放在form表单中，用document.all即可控制，当前选定的值用"[document.all.sel.selectedIndex]"中括号括起来哦！