0

我对 jQuery 很陌生，我正在尝试修复一段脚本来更新基于多个单选按钮的文本区域的内容。

单选按钮：

<input type='radio' name='color'>Red
<input type='radio' name='color'>Green
<input type='radio' name='size'>Small
<input type='radio' name='size'>Large

textarea 有一个默认内容：

<textarea><a href='http://www.example.com'><img src='images/red-small.png'></a></textarea>

我想分别更新文件名的两个部分。是否可以通过更新 var 或其他方式来更新 textarea 的内容？

谢谢！

4

3 回答 3

0

是的，您可以使用 jQuery 选择文本区域并根据选择单选按钮控制它。

$('input[type="radio"]').change(function() {
    if($(this).val() === 'red') {
        $('textarea').css('background','red');
    } else {
        $('textarea').css('background','');
    }
});

我认为这是一个 jsfiddle 可以更好地回答您的问题：

http://jsfiddle.net/U8Fhv/1/

于 2012-12-12T15:30:03.120 回答
0

我不知道那些 a.href 和 img.src 来自哪里。但是，如果您只想要一个在更改 textarea 内容之前将两者都作为参数的函数，那么我认为这是

function settextareacontent(a,img){
 var t = $('textarea');
 var d = $('<div>');
 d.html(t.html().replace(/&lt;/g,'<').replace(/&gt;/g,'>'));
 d.children()[0].src = a;      //X
 d.children()[1].href = img;   //X
 t.html(d.html());
}

您也可以使用正则表达式来执行此操作。但是假设如果您的 textarea 内容不可预测并且使用正则表达式几乎是不可能的，那么您可以使用上面的函数，修改 X 部分，为 textarea 中的每个元素添加 id，最后只需使用 jquery 获取元素并设置他们的属性值

于 2012-12-12T16:27:05.733 回答
0

您可以使用 JQuery 的 .val() 函数来更改文本区域的内部结构。

例子：

$("textarea").val("你想在 textarea 中添加的新内容"); // << 设置

var original_val = $("textarea").val(); // << 获取

于 2012-12-12T15:51:11.760 回答