我的工作地址页上的购物车。 有2个<select>
箱,一个用于国家,一个用于区。
有6个标准的国家提供,否则用户必须选择“其他国家”。 在<option>
元素都有一个数值-其他国家是241.我需要做的是隐藏的地区<select>
如果用户选择其他国家,也显示一个文本。
任何帮助,非常感谢!
我的工作地址页上的购物车。 有2个<select>
箱,一个用于国家,一个用于区。
有6个标准的国家提供,否则用户必须选择“其他国家”。 在<option>
元素都有一个数值-其他国家是241.我需要做的是隐藏的地区<select>
如果用户选择其他国家,也显示一个文本。
任何帮助,非常感谢!
你需要的功能绑定到选择列表,这样,当它改变,你的函数决定是否应显示的DIV。 事情是这样的( 未经测试,希望语法接近 )。 下面是一个活生生的例子 。
$(document).ready( function() {
$('#YourSelectList').bind('change', function (e) {
if( $('#YourSelectList').val() == 241) {
$('#OtherDiv').show();
}
else{
$('#OtherDiv').hide();
}
});
});
这是同样的原则这个问题 。 你只需要连接到变化的选择,检查val()
和hide()/show()
股利。
在我看来,你并不真正需要的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
。 我更新了我的脚本。