jQuery:如果选择了特定的<select>选项,则显示div？

Question

我正在购买购物车的地址页面.有2个<select>盒子,一个用于国家,一个用于区域.

有6个标准国家/地区,否则用户必须选择"其他国家/地区".该<option>元素全部具有数值-其他国家是241.我需要做的是隐藏地区什么<select>,如果用户选择其他国家,也显示一个文本.

任何帮助很多人赞赏!

Answer 1

您需要将一个函数绑定到选择列表,以便在它更改时,您的函数决定是否应显示div.像这样的东西(未经测试,希望语法上接近).这是一个实例.

$(document).ready( function() {
  $('#YourSelectList').bind('change', function (e) { 
    if( $('#YourSelectList').val() == 241) {
      $('#OtherDiv').show();
    }
    else{
      $('#OtherDiv').hide();
    }         
  });
});