select 和 text的集成

Question

http://community.csdn.net/Expert/topic/3536/3536313.xml?temp=.2880976
回复人： BILLSJONE(BILL_JONE) ( ) 信誉：93  2004-11-9 16:31:07  得分: 0

Answer 1

<script LANGUAGE="JavaScript">
function jin_e()
{
var index=-1;
var kx;
var temp;
kx=document.form1.text1.value;
for(var i=0;i<document.form1.select1.options.length;i++)
{
if(document.form1.select1.options[i].text==kx)
index=i;
}
if(index>=0)document.form1.select1.options[index].selected=true;
}
</script>
<form name="form1">
<input type=text name=text1 style="width:100px;" value="" onPropertyChange="return jin_e();">
<select name="select1" style="margin-left:100px;width:118px;">
  <option value=1 selected>abc</option>
  <option value=2>a</option>
  <option value=3>acde</option>
  <option value=4>achh</option>
</select>
</form>
见:http://community.csdn.net/Expert/topic/3544/3544733.xml?temp=.5064661

Answer 2

<script LANGUAGE="JavaScript">
function followMe(obj)
{
 
var selObj=document.form1.select1
for(var i=0;i<selObj.options.length;i++){
if(selObj.options[i].text.indexOf(obj.value)==0){
selObj.selectedIndex=i
return 
    }

}

}
</script>
<form name="form1">
<input type=text name=text1  onPropertyChange="followMe(this)">
<select name="select1"  multiple >
  <option value=1>a</option>
  <option value=2>ab</option>
  <option value=3>abc</option>
  <option value=4>bc</option>
</select>
</form>