0

我有一个默认的 iframesrc="http://mysite.com"

我有一个文本输入字段和一个提交按钮。

在提交时,我想获取输入字段的值并将其加载到srciframe 的属性中以显示不同的 src

我有一个组合在一起的解决方案,它可以正常工作,但我想将其提炼并使用 jQuery 方法。(或者任何只是最好的方法)

这是一个代码笔:

当前代码:

HTML

<form class="visitor-input-form">
  <h2>Enter URL:</h2>

  <input type="text" class="currentUrl" placeholder="http://your-site.com" id="txtSRC" />

  <input type="submit" class="submit-button" value="View site" />
</form>

<div class="iframe-w">
  <h3>Small</h3>
  <iframe id="iframe01" class="i-frame small" src="http://nouveau.io"></iframe>
  <!-- default url -->
</div>

javascript/jQuery

var ourUrl     =   $( ".i-frame" ).attr("src");
var urlValue   =   $("#txtSRC").val();

$(".submit-button").click( function() {

  //alert("heck");

  document.getElementById("iframe01").src = document.getElementById("txtSRC").value;


  // I want this to work...  //

  //$("#iframe01").attr("src") = $("#txtSRC").val();

});

任何帮助都会很受欢迎。此外,如果你能告诉我如果人们忘记 http:// 等时将处理的 reg ex,那么超级加分。

4

1 回答 1

1

jQuery 方法的语法不正确。如有疑问,请阅读您正在使用的方法的 jQuery API

jQuery setter 从不使用method() = value 它们将参数传递给方法

你应该使用

$("#iframe01").attr("src", $("#txtSRC").val());
于 2013-10-31T23:57:00.413 回答