gpt4 book ai didi

javascript - 使用 JavaScript "this"更改文本框中的文本?

转载 作者:行者123 更新时间:2023-11-29 22:32:25 25 4
gpt4 key购买 nike

当不同的单选按钮获得焦点时,我想更改文本框 id="1"中的文本。我认为它可以与“this.value”一起使用,但不知何故它不起作用。有人知道如何解决这个问题吗?

问候!

   <head>
<title>Test</title>
<script type="text/javascript">
var a = function(){

if(this.value == "p"){

document.getElementById("1").value = "Question product";

}
else if(this.value== "v"){

document.getElementById("1").value = "Question contract";

}

else if(this.value== "t"){

document.getElementById("1").value = "Question technology";

}

}
</script>

</head>

<body>
<input type="radio" name="typ" value="p" onfocus="a()"/> product
<input type="radio" name="typ" value="v" onfocus="a()"/> contract
<input type="radio" name="typ" value="t" onfocus="a()"/> technology
<br />
<input type="text" value="Question" size="46" id="1"/>
</body>

</html>

最佳答案

不要使用 focus,而是使用 onclick,请使用数组并为该字段提供一个以字母或下划线开头的 ID

<head>
<title>Test</title>
<script type="text/javascript">
var questionDescription={
p:"Question product",
v:"Question contract",
t:"Question technology"
}
window.onload=function(){
var typ=document.getElementsByName("typ");
for (var i=0,n=typ.length;i<n;i++) {
typ[i].onclick=function() {
document.getElementById("q1").value=questionDescription[this.value]
}
}
}
</script>

</head>

<body>
<input type="radio" name="typ" value="p" /> product
<input type="radio" name="typ" value="v" /> contract
<input type="radio" name="typ" value="t" /> technology
<br />
<input type="text" value="Question" size="46" id="q1"/>
</body>

</html>

关于javascript - 使用 JavaScript "this"更改文本框中的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6485445/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com