onClick不会与onChange同时工作

Question

我一直在努力弄清楚如何使用onchange定位iframe然后当我点击按钮时会弹出一个新的窗口或标签。

function changeLocation(locationUrl)
{
 document.getElementById('iframetest').src=locationUrl
}
function subm()
{
var form = document.jump;
var value = document.jump.TSdropdown.options[document.jump.TSdropdown.selectedIndex].value;
document.getElementById('btn').onclick = function() {
    form.target = 'value';
    form.submit();
}
}

<form name="jump" method="post" action="" target="">
    <select name="TSdropdown" onchange="changeLocation(this.options[this.selectedIndex].value);">
    <option selected = "selected">Choose a Model Run</option>
    //option values
    <input class="button" type="button" id="btn" name="Submit" value="Submit" onclick="subm();">
    </select>
</form>
</td>

</tr>


<tr>
<td class="centered">
<div id="outerdiv">
<iframe height="400" width="940" name="iframetest" id="iframetest" src=""></iframe>
</div>
</td>
</tr>

Answer 1

id'jump'没有元素，使用document.jump代替document.getElementById('jump');

要获取所选下拉列表的值，请使用：

var value = document.jump.TSdropdown.options[document.jump.TSdropdown.selectedIndex].value

现在使用此value变量。