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

Question

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

代码：

<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>

Answer 1

你的代码中有很多错误......

<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>

根据我的理解，我认为你需要这个..

试试这个

$(function(){
  $('.btn').click(function(){
      alert($('#dropdown_name').val());
  });
});

Answer 2

你的脚本无效..应该看起来像这样

点击事件中还有一个错字..comp应该是com

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

}).change();

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

工作小提琴

Answer 3

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

$('.btn').click(function () {
   $('#dropdown_name').change(function () {
      alert("changed to : "+ $(this).val());
   });
});

现在更改事件仅在单击事件后绑定到 dropdown_name ，如果图像/.btn 未单击，则更改选择时不会收到任何警报

工作小提琴