我有一个默认的 iframesrc="http://mysite.com"
我有一个文本输入字段和一个提交按钮。
在提交时,我想获取输入字段的值并将其加载到src
iframe 的属性中以显示不同的 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,那么超级加分。