Question

我想根据下拉菜单中选择的选项更改div的可见性，我认为这样的事情会起作用

<select>
<option onclick="hideButton();" value="A">A</option>
<option onclick="showButton();" value="B">B</option>
<option onclick="showButton();" value="C">C</option>
</select>

我有一个按钮，我想改变

的可见性

<input class="button" name="button" type="submit" value="delete" />

<script type="text/javascript"> 
function hideButton(){$(".button").hide("slow");}
function showButton(){$(".button").show("slow");} 
</script>

当然它什么也没做，我不知道为什么，我认为理论是合理的，但我对jquery不够了解

Answer 1

试试这个：

  $('select').change(function(){
    if($(this).val() == 'A'){
      hideButton();
    }else{
      showButton();
    }
  })

Answer 2

Check FIDDLE

    $(function() {
        $('select').on('change', function() {

            if ($(this).val() == 'A') {
                $('.button').hide('slow');
            }
            else {
                $('.button').show('slow');
            }
        }).change();
    });

<select>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<input class="button" name="button" type="submit" value="delete" />

Answer 3

您可以决定该行动必须采取的option：

HTML：

<select>
   <option data-visibility="hide" value="A">A</option>
   <option data-visibility="show" value="B">B</option>
   <option data-visibility="show" value="C">C</option>
</select>

Js（jQuery）：

$('select').bind('change', function(event) {

    var method = $(this).find('option:selected').data('visibility');
    $('.button')[method]('slow');

});

使用jquery </select> </div>使用<select>选项更改<div>的属性

3 个答案: