javascript - jQuery:如果选择了特定的 <select> 选项，则显示一个 div？

Question

我正在处理购物车的地址页面。有 2 个 <select>框，一个用于国家，一个用于区域。

有 6 个标准国家可用，否则用户必须选择“其他国家”。 <option>元素都有一个数值 - 其他国家是 241。我需要做的是隐藏区域 <select>如果用户选择其他国家/地区，还会显示一个文本区域。

Answer 1

您需要将一个函数绑定(bind)到选择列表，以便当它发生变化时，您的函数决定是否应显示该 div。像这样的东西(未经测试，希望在语法上接近)。 这是一个live example .

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