jQuery的:显示一个div,如果一个特定 选项被选中?(jQuery: Showing a d

2019-09-18 10:43发布

我的工作地址页上的购物车。 有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();
    }         
  });
});


Answer 2:

这是同样的原则这个问题 。 你只需要连接到变化的选择,检查val()hide()/show()股利。



Answer 3:

在我看来,你并不真正需要的jQuery这一点。

这个简单的JavaScript代码将这样的伎俩:

document.getElementById('country_id').onchange = function()
{
    if (this.options[this.selectedIndex].value == 241) {
        document.getElementById('region_id').style.display = 'block';
    } else {
        document.getElementById('region_id').style.display = 'none';
    }
}

value适用于大多数浏览器,但肯定的,旧的浏览器,你需要select.options[select.selectedIndex].value 。 我更新了我的脚本。



文章来源: jQuery: Showing a div if a specific a 举报