相关疑难解决方法(0)

我在下拉菜单的组合中使用Select2.我有一个"国家"菜单和一个"州/省"菜单.根据所选国家/地区,"州/省"下拉列表内容会发生变化.使用数据库中的ajax拉出州/省,然后以这种方式显示:

$display_output = '<select style="width:350px;" tabindex="2" name="state" id="state" data-placeholder="Choose a Country..."> ';
$display_output .= '<option value="" selected>Select a State</option> ';

while ($state_details = $this->fetch_array($sql_select_states))
{
    $display_output .= '<option value="' . $state_details['id'] . '" ' . (($selected_value == $state_details['id']) ? 'selected' : ''). '>' . $state_details['s.name'] . '</option>';
}

$display_output .= '</select>';

到现在为止还挺好.所有省份都正确更改,但是当它最初加载时,Select2显示状态下拉列表的"未定义",即使我将其设置为

data-placeholder="Choose a Country..."

我假设它可能是因为在加载时,所选的国家是"美国"并且它填充了一个州的列表,但它们都不是默认的或选择的.有没有其他方法来定义默认值,以便它不显示"未定义"？

而另一个(但不那么重要)的问题是,当有人选择"美国",然后选择"亚利桑那州"时,如果该人随后改为"加拿大"作为国家,"亚利桑那州"的状态仍然存在但是当打开下拉列表可以选择加拿大各省.当有人选择另一个国家时,有没有办法暂时将其恢复为默认值,直到再次选择一个省为止？

我的加载代码目前只是:

<script>
$(document).ready(function() { $("#state").select2(); });
</script>