javascript - 使用输入表单中的数据在网页中生成并打印 url

Question

我需要构建一个由用户从两个输入字段生成的 URL，将最终的 url 写入同一文档中(而不是在 new.window 中加载该 url)。

我来自this question 。我没有像 jsfiddle 那样打开一个新窗口，而是尝试打印表单下方生成的 url，在单击“生成”之前没有 url 文本。我尝试过使用serialize()，但不适用于答案中使用的实际代码。

这是一个不起作用的示例:http://jsfiddle.net/qo027nqd/

HTML

<input id="one"> <input id="two">
<button id="open">Generate</button>
<br /><br />
<b>URL generated prints here, this text is hidden until you click "Generate"</b>

JAVASCRIPT

$('#open').click(function() {
var fixedData1 = 'http://www.myurl.com/#q=',
    fixedData2 = '+',
    userEntry1 = $('#one').val(),
    userEntry2 = $('#two').val();

var newWindow = window.open(fixedData1 + userEntry1 + fixedData2 + userEntry2, '_blank');
newWindow.focus();
});

在此 JavaScript 代码中，我需要将“var newWindow”更改为“document.getElement”、“insertText”或一些有用的东西。

提前致谢!

Answer 1

这是您更新的 fiddle :http://jsfiddle.net/b60bunyL/

HTML

<input id="one"> <input id="two">
<button id="open">Open</button>
<br />
<span id="result"></span>

JS

$('#open').click(function() {
    var fixedData1 = 'http://www.google.com/#q=',
        fixedData2 = '+',
        userEntry1 = $('#one').val(),
        userEntry2 = $('#two').val();

    var result = $('#result');
    result.text(fixedData1 + userEntry1 + fixedData2 + userEntry2);

});