Javascript 如何用第一个下拉列表的onChange事件填充另一个下拉列表?
使用jquery或simple just javascript,我希望填充第一个下拉列表中的第二个下拉列表。 第一个下拉列表的值是为第二个下拉列表获取行的条件Javascript 如何用第一个下拉列表的onChange事件填充另一个下拉列表?,javascript,jquery,html,Javascript,Jquery,Html,使用jquery或simple just javascript,我希望填充第一个下拉列表中的第二个下拉列表。 第一个下拉列表的值是为第二个下拉列表获取行的条件 onChange事件是什么样子的?实际上有一个插件就是这样做的 一个功能性但不那么优雅的解决方案随之而来。这是一种基于是首先选择美国(US)还是加拿大(CA)来填充州/省选择列表的方法。默认情况下,美国和美国各州可见。此方法依赖于一个简单的类命名约定,根据其父国家/地区对状态选项进行分组 JS: $('#s_country').chang
onChange事件是什么样子的?实际上有一个插件就是这样做的
一个功能性但不那么优雅的解决方案随之而来。这是一种基于是首先选择美国(US)还是加拿大(CA)来填充州/省选择列表的方法。默认情况下,美国和美国各州可见。此方法依赖于一个简单的类命名约定,根据其父国家/地区对状态选项进行分组 JS:
$('#s_country').change(function() {
$('#s_state .state_CA').hide();
$('#s_state .state_US').hide();
$('#s_state').val('');
var value = $.trim($("#s_country").val());
$('#s_state').show();
$('#s_state .state_'+ value).show();
});
HTML:
<select name="s_state" id="s_state">
<option value="none"></option>
<? foreach ($states_us as $v):
$selected = ($v->state_code == $current_state)?'selected="selected"':''; ?>
<option class="state_US" value="<?=$v->state_code?>" <?=$selected?> ><?=ucfirst($v->state)?></option>
<? endforeach;?>
<? foreach ($states_ca as $v):
$selected = ($v->state_code == set_value('s_state'))?'selected="selected"':''; ?>
<option class="state_CA" value="<?=$v->state_code?>" <?=$selected;?>><?=ucfirst($v->state)?></option>
<? endforeach; ?>
</select>