javascript - 如何添加提交按钮以转到我刚刚使用 javascript 创建的 url

Question

我创建了一个表单Following an example here

表单按预期创建 URL，我想在末尾添加一个提交按钮，以便单击并转到我刚刚使用表单创建的新 URL。抱歉，这个问题很愚蠢，但我是新手，很困惑……谢谢!

演示:http://jsfiddle.net/g6U4a/1/

HTML

<select id="queryid">
<option value="0" label="choose one">choose one</option>
<option value="&queryid=1" label="option 1">option 1</option>
<option value="&queryid=2" label="option 2">option 2</option>
<option value="&queryid=3" label="option 3">option 3</option>
<option value="&queryid=4" label="option 4">option 4</option>
<option value="&queryid=5" label="option 5">option 5</option>
<option value="&queryid=6" label="option 6">option 6</option>  
</select>

<br>

<select id="cid" name="landingpage">
<option value="0" label="choose one">choose one</option>
<option value="&cid=1" label="landing 1">landing 1</option>
<option value="&cid=2" label="landing 2">landing 2</option>
</select>

<input type="button" id="change" value="Create URL" onclick="createUrl()" /><br>

<input type="text" id="result" placeholder="placeholder" readonly><br>

JavaScript

function createUrl() {
var google = "http://www.google.com/";
document.getElementById("result").value = google +    document.getElementById("queryid").value +  document.getElementById("cid").value;
}

Answer 1

开始吧(在 jsfiddle 中尝试一下，stackoverflow 会阻塞新窗口):

http://jsfiddle.net/g6U4a/94/

function createUrl() {
    var google = "http://www.google.com/";
    document.getElementById("result").value = google + document.getElementById("Ultra").value +  document.getElementById("landing").value;
}

function goTo(){
window.open(document.getElementById("result").value);
}

#result {
    width:500px;
}

<select id="Ultra"> <!--Call run() function-->
<option value="0" label="choose one">choose one</option>
<option value="&queryid=1" label="option 1">option 1</option>
<option value="&queryid=2" label="option 2">option 2</option>
<option value="&queryid=3" label="option 3">option 3</option>
<option value="&queryid=4" label="option 4">option 4</option>
<option value="&queryid=5" label="option 5">option 5</option>
<option value="&queryid=6" label="option 6">option 6</option>  
</select><br><br>
<select id="landing" name="landingpage">
<option value="0" label="choose one">choose one</option>
<option value="&cid=1" label="landing 1">landing 1</option>
<option value="&cid=2" label="landing 2">landing 2</option>
</select>


<input type="button" id="change" value="Create URL" onclick="createUrl()" /><br>
<input type="text" id="result" placeholder="placeholder" ><br>
<button id="go" onclick="goTo();">Go!
</button>