javascript - 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变量。