javascript如何添加文本框';textarea的值和标题
我有这个html:javascript如何添加文本框';textarea的值和标题,javascript,forms,Javascript,Forms,我有这个html: <input type="radio" name="r1" value="v1"><input name="asd1" title="text1" id="asd1"><br> <input type="radio" name="r2" value="v2"><input name="asd2" title="text1" id="asd2"><br> <input type="button" na
<input type="radio" name="r1" value="v1"><input name="asd1" title="text1" id="asd1"><br>
<input type="radio" name="r2" value="v2"><input name="asd2" title="text1" id="asd2"><br>
<input type="button" name="but1">
<textarea rows=6 cols=80 name="conclus" id="idConclus">
</textarea><br><br>
在js上有没有一种方法可以通过选择输入的标题和值并单击按钮来填充文本区域?
e、 g.:“text1-value1,text2-value2”等
谢谢你的材料。
嗯。。。Felix King,在您的示例中,按钮会更新表单。如果我需要放置一个测试字段1,然后手动将一些文本放入textarea,然后再次放入TextField2,依此类推?我的意思是,不更新文本区域?getElementById是您的朋友:-)
getValues=新函数(){
var myTextArea=document.getElementById('ids');
var radio1=document.getElementById('asd1');
var radio2=document.getElementById('asd2');
myTextArea.value=radio1.title+'-'+radio1.value+','
+radio2.title+'-'+radio2.value;
}
我建议你读一下
假设您有以下HTML:
<form name="data">
<input name="asd1" title="text1" id="asd1"><br>
<input name="asd2" title="text2" id="asd2"><br>
<input type="button" name="but1" value="update">
<textarea rows=6 cols=80 name="conclus" id="idConclus"></textarea>
</form>
您可以这样做:
var inputs = ['asd1', 'asd2'];
var form = document.data;
var button = form.but1;
var textarea = form.conclus;
button.addEventListener('click', function() {
var text = Array();
for(var i = 0, length = inputs.length; i < length; i++) {
var input = form[inputs[i]];
text.push(input.title + " - " + input.value);
}
textarea.value = text.join(' ');
}, false);
var输入=['asd1','asd2'];
var form=document.data;
var按钮=form.but1;
var textarea=form.concluss;
addEventListener('click',function(){
var text=Array();
对于(变量i=0,长度=inputs.length;i
请参见此处的示例:
更新:
如果您想控制哪些值被放入文本框,我会使用复选框,给它们相同的名称和输入的名称作为值,如下所示:
<input type="checkbox" name="take" value="asd1"><input name="asd1" title="text1" id="asd1">
<input type="checkbox" name="take" value="asd2"><input name="asd2" title="text2" id="asd2">
然后可以在这些值上使用几乎相同的代码进行循环:
var form = document.data;
var inputs = form.take;
var button = form.but1;
var textarea = form.conclus;
button.addEventListener('click', function() {
var text = Array();
for(var i = 0, length = inputs.length; i < length; i++) {
if(inputs[i].checked) {
var input = form[inputs[i].value];
text.push(input.title + " - " + input.value);
}
}
textarea.value = text.join(' ');
}, false);
var form=document.data;
var输入=form.take;
var按钮=form.but1;
var textarea=form.concluss;
addEventListener('click',function(){
var text=Array();
对于(变量i=0,长度=inputs.length;i
实例:
注意:如果不使用JavaScript库,您必须自己处理有关附加事件侦听器的跨浏览器问题。我给出的示例将在基于Firefox和WebKit的浏览器中运行。如果我需要选择是否将其放入textarea?我编辑了几次代码。。。我想对你的上述问题回答“是”。我曾考虑过把整个事情循环一下,但我希望这能给你一个基本的想法。
var form = document.data;
var inputs = form.take;
var button = form.but1;
var textarea = form.conclus;
button.addEventListener('click', function() {
var text = Array();
for(var i = 0, length = inputs.length; i < length; i++) {
if(inputs[i].checked) {
var input = form[inputs[i].value];
text.push(input.title + " - " + input.value);
}
}
textarea.value = text.join(' ');
}, false);