jQuery＆gt;如何将选择列表的值传递给onclick处理程序？

Question

下面有一个按钮元素，它有一个onclick处理程序。在onclick里面，我正在建立一个动态的查询字符串。我需要使“模板”变量动态化以匹配“模板”选择菜单中当前所选项目的val（）属性。我怎么能这样做？

<select id="template">..select options</select>

<button 
type="button" 
id="myButton" 
onclick="window.open('<?php echo $thePath ?>/test.php?template=?????', 'popup'); 
return false;">
click me
</button>

我知道我可以使用$('#template :selected').val();

在jQuery中获取所选选项

如何将此传递给onclick处理程序？

Answer 1

<select id="template">..select options</select>
<button type="button" id="myButton">click me</button>
<script type="text/javascript">
    $('#myButton').click(function(){
        window.open('<?php echo $thePath ?>/test.php?template='+$('#template').val(), 'popup'); 
        return false;
    });
</script>

Answer 2

$("#myButton").click(function(){
var v = $('#template').prop('selected'); //prop available in version 1.6 and higher
// or you can just use $('#template').val(); 
onclick="window.open('<?php echo $thePath ?>/test.php?template='+v, 'popup'); 

});