每次点击按钮检查下拉列表中的更改

时间:2013-07-09 17:33:36

标签: javascript jquery html

每次单击按钮并且我的按钮是图像时,

检查下拉列表中的更改

代码:

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

3 个答案:

答案 0 :(得分: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());
  });
});

答案 1 :(得分:1)

你的脚本无效..假设看起来像这样

点击事件中也有拼写错误。comp应为com

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

}).change();

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

<强> Working fiddle

答案 2 :(得分:0)

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

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

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

Working Fiddle