小编fla*_*001的帖子

jQuery 或 Javascript 可以更改 textareas 中的元素吗?

我的第一个问题!这是我想要做的:

我正在重写一个工具,它生成一些用户可以直接粘贴到 Craigslist 和其他分类广告发布网站的代码。我创建了一个网站列表(它们从一个带有 PHP 的数据库中填充),用户可以通过一个单选按钮从中进行选择,我希望他们的选择<p></p>在 textarea 中的某些元素之间填充为纯文本(而不是链接)。我为此使用 jQuery。

用户选择之前的Textarea:

    <p id="thing"></p>
Run Code Online (Sandbox Code Playgroud)

用户选择后的Textarea:

    <p id="thing">www.somewebsite.com</p>
Run Code Online (Sandbox Code Playgroud)

HTML

<input type="radio" name="sitechoice" value="www.websiteone.com">www.websiteone.com<br />
<input type="radio" name="sitechoice" value="www.secondwebs.com">www.secondwebs.com

<textarea>
 Some stuff already in here
 Here is the website you chose:
 <p id="thing"></p>
 More stuff already here.
</textarea>
Run Code Online (Sandbox Code Playgroud)

JS

$(document).ready(function () {
    $("input").change(function () {
        var website = $(this).val();
        alert(website);
        $("#thing2").html(website);
    });
});
Run Code Online (Sandbox Code Playgroud)

JS Fiddle(带注释)

如果你看到JS Fiddle,你可以看到我p在textarea外面的页面上放了另一个元素,它更新得很好,但是textarea里面的那个没有。我已经阅读了许多关于 SO 的类似问题,我开始认为我无法更改textarea标签之间的元素,我只能更改整个 textarea 本身。求求你带我开悟!

html javascript css jquery textarea

5
推荐指数
1
解决办法
1432
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1

textarea ×1