HTML中的<Select>元素怎样才能手动输入文字 10
HTML中的<Select>元素,可以选择下拉列表中的内容,但是我想让它同时能够在输入栏中输入文字,盖怎样做呢?怎样才能在<Select>元素手动输入文字...
HTML中的<Select>元素,可以选择下拉列表中的内容,但是我想让它同时能够在输入栏中输入文字,盖怎样做呢?
怎样才能在<Select>元素手动输入文字 展开
怎样才能在<Select>元素手动输入文字 展开
展开全部
搞了一下午也没搞出来,
希望这些对你有启发。
你的意思是下拉框中的内容可以在预览后随便改对不对?
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript">
function setvalue()
{
document.all("text1").value=select_1.options[0].text;
document.all("text2").value=select_1.options[1].text;
}function changeid()
{
var id1=document.all("text1").value;
var id2=document.all("text2").value;
select_1.options[0].text=id1;
select_1.options[1].text=id2;
}
</script>
</head><body onload="setvalue()">
<select name="select_1" id="select_1">
<option value="杨伟">杨伟</option>
<option value="杨志鹏">杨志鹏</option>
</select><table width="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30">第一个选项
<input name="text1" type="text" value="aaa" /></td>
</tr>
<tr>
<td height="30">第二个选项
<input name="text2" type="text" value="bbb" /></td>
</tr>
<tr>
<td height="30"><input name="button1" type="button" id="button_1" value="更新" onclick="changeid()" /></td>
</tr>
</table></body>
</html>
希望这些对你有启发。
你的意思是下拉框中的内容可以在预览后随便改对不对?
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript">
function setvalue()
{
document.all("text1").value=select_1.options[0].text;
document.all("text2").value=select_1.options[1].text;
}function changeid()
{
var id1=document.all("text1").value;
var id2=document.all("text2").value;
select_1.options[0].text=id1;
select_1.options[1].text=id2;
}
</script>
</head><body onload="setvalue()">
<select name="select_1" id="select_1">
<option value="杨伟">杨伟</option>
<option value="杨志鹏">杨志鹏</option>
</select><table width="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30">第一个选项
<input name="text1" type="text" value="aaa" /></td>
</tr>
<tr>
<td height="30">第二个选项
<input name="text2" type="text" value="bbb" /></td>
</tr>
<tr>
<td height="30"><input name="button1" type="button" id="button_1" value="更新" onclick="changeid()" /></td>
</tr>
</table></body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<Select id="xz1"><option>a</option></Select>
<input value="" onkeyup="ShuRu(this)" id="content">
<script>
function ShuRu(str){
content1=document.getElementById("content")
xz=document.getElementById("xz1")
xz.length=1
xz.options[0].text=str.value
}
</script>
这种吗
<input value="" onkeyup="ShuRu(this)" id="content">
<script>
function ShuRu(str){
content1=document.getElementById("content")
xz=document.getElementById("xz1")
xz.length=1
xz.options[0].text=str.value
}
</script>
这种吗
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询