每次单击按钮时，请在下拉列表中检查更改

check change in drop down list every time click button

本文关键字：下拉列表 检查 单击 按钮      更新时间：2023-09-26

每次单击按钮时，如果我的按钮是图像，请检查下拉列表中的更改

代码：

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

您的代码中有很多错误。。。

<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());
  });
});

您的脚本无效。。应该看起来像这个

点击事件中也有一个拼写错误。。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());
   });
});

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

工作Fiddle

相关文章：