如何更改选择 Jquery 中的默认选项

Posted 2023-04-14

【中文标题】如何更改选择 Jquery 中的默认选项

【英文标题】：How do i change default option in select Jquery

【发布时间】：2013-08-06 16:08:31

【问题描述】：

我有这个选择，我在其中加载了一堆国家。 用户选择一个后，他将转到另一个页面，在那里他搜索信息。如果他选择了一个国家，那么他应该默认选择该国家（在另一个选择中，在另一个包含相同国家的页面中）。

<div data-role="fieldcontain">
    <label for="selecionarPaisPreferencia" class="select">Pais</label>
    <select name="selecionarPaisPreferencia" id="SlSelecionarPaisPreferencia"></select>
</div>

如何在加载页面之前更改选择中的默认选项。

顺便说一句：我已经将他选择的国家名称存储在一个全局变量中。

我动态加载选项，因为我没有使用数据库，这是为了练习。

for (i = 0; i < countrys.length; i++) 
    $("#SLSelectPaisConsulta").append('<option data-pais="' + countrys[i] + '">' + countrys[i] + '</option>');
    $("#SlSelecionarPaisPreferencia").append('<option data-pais="' + countrys[i] + '">' + countrys[i] + '</option>');

【问题讨论】：

这是“国家”。只是想在你的同事看到你的代码时让你免于尴尬。

你说得对，谢谢

【参考方案1】：

$('#selecionarPaisPreferencia').val('country_name_value_here');

【参考方案2】：

你可以试试：

$("#SlSelecionarPaisPreferencia").val(selectedPais);

或者

$("#SlSelecionarPaisPreferencia")
    .children(':contains('+selectedPais+')').prop('selected',true);

或者：

$("#SlSelecionarPaisPreferencia > option:contains("+selectedPais+")").prop('selected',true);

【参考方案3】：

如果您在SelectedValue 中有要选择的值，这里还有另一种方法：

$("#SlSelecionarPaisPreferencia").find('[value="'+SelectedValue+'"]').attr("selected", true);

为了完整起见，需要注意的是，直接使用val() 应该更有效，但val() 不适用于多选，而此方法适用于单选或多选。您只需为要选择的每个值调用一次。