Javascript 每次单击按钮时,检查下拉列表中的更改

Javascript 每次单击按钮时,检查下拉列表中的更改,javascript,jquery,html,Javascript,Jquery,Html,每次单击按钮并且我的按钮是图像时,检查下拉列表中的更改 代码: <select id="dropdown_name"> <option>option1</option> <option>option2</option> <option>option3</option> </select> <img src="images.jpg" class="b

每次单击按钮并且我的按钮是图像时,检查下拉列表中的更改

代码:

<select id="dropdown_name">
        <option>option1</option>
        <option>option2</option>
        <option>option3</option>
</select>
<img src="images.jpg" class="btn"/>
<script language="javascript">
var com;
    $('#dropdown_name').change(){
            com=$(this).val();
    }
    $('.btn').click(function(){
        alert(com);
         //code
    }
</script>

选择1
选择2
选择3
var-com;
$(“#下拉列表_name”).change(){
com=$(this.val();
}
$('.btn')。单击(函数(){
警报(com);
//代码
}

您的代码中有很多错误

<script language="javascript">
var com;
$('#dropdown_name').change(function(){ //missing function here
        com=$(this).val();
}) //<---missing bracket here;
$('.btn').click(function(){
    alert(com);
     //code
}); //<-- missing bracet here
</script>

您的脚本无效..应该是这样的

点击事件中还有一个输入错误。
comp
应该是
com

var com;
$('#dropdown_name').change(function () {
    com = $(this).val();

}).change();

$('.btn').click(function () {
    alert(com);
    //code
});

我不确定你的问题是什么。但我猜你是想问 在单击图像时绑定更改事件。如果是这种情况,这将有所帮助

$('.btn').click(function () {
   $('#dropdown_name').change(function () {
      alert("changed to : "+ $(this).val());
   });
});
现在,更改事件仅在单击事件后绑定到下拉菜单名称,如果图像/.btn未单击,则更改选择时不会收到任何警报


很抱歉,这里有什么问题吗?我马上看到的一件事是,您向
comp
发出警报,但没有
comp
变量,只有
com
变量。另外,请确保修复事件绑定的语法(没有右括号)。是否要在单击图像时绑定更改事件?是,现在已更正@j08691
$('.btn').click(function () {
   $('#dropdown_name').change(function () {
      alert("changed to : "+ $(this).val());
   });
});