请问这些代码要怎么改才能实现把选择的值自动填写到另一个文本框?
<scripttype="text/javascript">$(document).ready(function(){$("#quyuinput").click(func...
<script type="text/javascript">
$(document).ready(function(){
$("#quyu input").click(function(){
$("#tooltips").toggle(); //点击文本框弹出div
$("#quyu").click(function(e) {
e.stopPropagation(); //点击弹出的div不做反应
});
});
$(document).click(function() {
$("#tooltips").hide(); //点击网页任意地方,div消失,与上面合起来就是点击除
}); //弹出的div之外的地方div消失
$(".quyu_selectGroups a").click(function(){
var thistext = $(this).text(); //获取点击的内容
$("#tooltips").hide(); //div消失
$("#quyu input").val(thistext); //值自动填写到文本框中
});
}); </script>
<div id="quyu" > <input type="text" id="t3" value="" size="25" onclick="this.form.attrib_5_0.value=this.value;" />
<div id="tooltips" style="border:solid 1px red; display:none;">
<ul class="quyu_selectGroups">
<li><a href="javascript:void(0)"><img src="images/font/Aarvarkcafe.png">Aarvark cafe</a></li>
<li><a href="javascript:void(0)"><img src="images/font/Adobegaramondbold.png">Adobe garamond bold</a></li>
<li><a href="javascript:void(0)"><img src="images/font/Airstream.png">Air stream</a></li>
<li><a href="javascript:void(0)"><img src="images/font/Aldosemibold.png">Aldo semi bold</a></li>
</ul> </div></div>
请问怎么改才能实现把选择的值自动填写到这个文本框:
<input type="text" name="id[txt_5]" size="25" maxlength="25" value="" id="attrib_5_0">
(这个文本框的代码是不能修改的) 展开
$(document).ready(function(){
$("#quyu input").click(function(){
$("#tooltips").toggle(); //点击文本框弹出div
$("#quyu").click(function(e) {
e.stopPropagation(); //点击弹出的div不做反应
});
});
$(document).click(function() {
$("#tooltips").hide(); //点击网页任意地方,div消失,与上面合起来就是点击除
}); //弹出的div之外的地方div消失
$(".quyu_selectGroups a").click(function(){
var thistext = $(this).text(); //获取点击的内容
$("#tooltips").hide(); //div消失
$("#quyu input").val(thistext); //值自动填写到文本框中
});
}); </script>
<div id="quyu" > <input type="text" id="t3" value="" size="25" onclick="this.form.attrib_5_0.value=this.value;" />
<div id="tooltips" style="border:solid 1px red; display:none;">
<ul class="quyu_selectGroups">
<li><a href="javascript:void(0)"><img src="images/font/Aarvarkcafe.png">Aarvark cafe</a></li>
<li><a href="javascript:void(0)"><img src="images/font/Adobegaramondbold.png">Adobe garamond bold</a></li>
<li><a href="javascript:void(0)"><img src="images/font/Airstream.png">Air stream</a></li>
<li><a href="javascript:void(0)"><img src="images/font/Aldosemibold.png">Aldo semi bold</a></li>
</ul> </div></div>
请问怎么改才能实现把选择的值自动填写到这个文本框:
<input type="text" name="id[txt_5]" size="25" maxlength="25" value="" id="attrib_5_0">
(这个文本框的代码是不能修改的) 展开
1个回答
展开全部
var autoFill=document.getElementsByName("id[txt_5]")[0];
autoFill.value=选择的值
既然要选择,为什么不用checkbox呢?
autoFill.value=选择的值
既然要选择,为什么不用checkbox呢?
追问
请问这段代码应该放在哪里?能说得详细点吗?
你说的"checkbox"我不懂哦,你有更好的代码可以发给我吗?
追答
我说的那个方法是原生js的。其实你提供的代码里面已经有了呀,你看:
$(".quyu_selectGroups a").click(function(){
var thistext = $(this).text(); //获取点击的内容
$("#tooltips").hide(); //div消失
$("#quyu input").val(thistext); //值自动填写到文本框中
});
checkbox就是复选框,不过这个放不了图片,而你提供的代码的里是有图片的。
你想用复选框的话可以这样:
描述1
描述2
...
在js函数中获取表单选择到的值:
function check()
{
var autoFill=document.getElementsByName("id[txt_5]")[0]; //自动填写到的目标文本框
var oSelected=document.getElementsByName("checkbox");
var a, i=oSelected.length-1;
while(i>=0)
{
autoFill.value+=oSelected[i].value; //将获取到的复选框选中的值逐一添加到目标文本框中
if(i!=0)
{
autoFill.value+=","; //将获取到的多个值以逗号隔开
}
}
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询