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 にバインドされるようになりました。image/.btn がクリックされていない場合、選択を変更している間、アラートは表示されません。

働くフィドル