Javascript 更改textarea中的iframe值

我的代码：

<p>
<label for="color">Choose a color</label>
<input type="color" name="color" id="color">
</p>

<p>
<label for="width">Change width</label>
<input type="text" name="width" id="width">
</p>

<textarea id="iframe_url" name="iframe_url" rows="3">
<iframe id="widget" src="http://domain.tld?e=1&color=#f5f5f5" width="650" height="600">
</textarea>

我使用jQuery访问textarea值

<script>
var iframe = $("iframe_url").val();
</script>

我需要更改iframe src url中的十六进制颜色

我需要从输入更改iframe width/height

您可以使用replace with regexp从文本区域更新字符串

$'color'。在'change'上，函数{ var updatedContent=$'iframe\u url'.val.replace/color=\{1}\d*\w*/，'color=${$this.val}`； $'iframe\u url'.ValueUpdatedContent； }; $'width'。在'change'上，函数{ var updatedContent=$'iframe\u url'.val.replace/width=\d+/，`width=${$this.val}`； $'iframe\u url'.ValueUpdatedContent； }; 选择一种颜色

改变宽度

---

可以使用jQuery的.attr方法更改src属性。如果要从输入中在HTML字符串中设置这些属性，为什么要在文本区域中编辑该字符串？在输入填写完毕后构建字符串，然后在另一个不可编辑的元素中将其显示为字符串，这样做更有意义。@laylarenee我怎么做？var iframe=$'iframe_url'.val；iframe.attr'width'，'700'；或iframe.宽度'700'；但这并不好：@Rorymcrossan真的！您正在尝试对字符串textarea值使用jquery方法。您需要首先将该字符串转换为元素jQuery对象…操作该元素，然后将其作为html字符串返回到textarea。但若textarea的全部目的只是为了这个iframe html，那个么我同意有更好的方法来做到这一点