自动选择第一个下拉项目[重复]答案

【问题标题】：Select first dropdown item automatically [duplicate]自动选择第一个下拉项目[重复]
【发布时间】：2018-08-05 22:00:16
【问题描述】：

我正在尝试自动选择下拉列表的第一个值。它不会自动拾取。

我的代码

$("option").val($(".select2-billing_state-container").val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="billing_state" id="billing_state" class="state_select select2-hidden-accessible" autocomplete="address-level1" data-placeholder="Type the name of your state / county / province / emirate here." tabindex="-1" aria-hidden="true">
  <option value="">Select an option…</option>
  <option value="OM1">Ad Dakhiliyah</option>
  <option value="OM2">Ad Dhahirah</option>
  <option value="OM3">Al Batinah North</option>
  <option value="OM4">Al Batinah South</option>
  <option value="OM5">Al Buraimi</option>
  <option value="OM6">Al Wusta</option>
  <option value="OM7">Ash Sharqiyah North</option>
  <option value="OM8">Ash Sharqiyah South</option>
  <option value="OM9">Dhofar</option><option value="OM10">Muscat</option>
  <option value="OM11">Musandam</option>
</select>

【问题讨论】：

您的代码似乎与您所说的不相符。也许你的意思是$("#billing_state").val($(".select2-billing_state-container").val()) 假设$(".select2-billing_state-container") 是一个带有值的表单字段——无论如何$("option") 不是你想要的
这不需要脚本，它可以在 HTML 中完成。 <option value="OM1" selected="selected">Ad Dakhiliyah</option>
@connexo：这是来自生成它的 PHP 代码的示例。我有多个选择，具体取决于选择的国家/地区。
那将是一个不同的问题。
$("#billing_state").prop("selectedIndex", 0);

标签： javascript

【解决方案1】：

为了自动预选一个选项，只需将属性“selected”添加到相应的选项。

所以对于你的代码：

您需要做的就是将selected 添加到第一个选项：

<option value="OM1" **selected**>Ad Dakhiliyah</option>

具有selected 属性的选项将在第一次加载表单时被预先选择。

代码应如下所示：

<select name="billing_state" id="billing_state" class="state_select select2-hidden-accessible" autocomplete="address-level1" data-placeholder="Type the name of your state / county / province / emirate here." tabindex="-1" aria-hidden="true">
    <option value="">Select an option…</option>
    <option value="OM1" selected>Ad Dakhiliyah</option>
    <option value="OM2">Ad Dhahirah</option>
    <option value="OM3">Al Batinah North</option>
    <option value="OM4">Al Batinah South</option>
    <option value="OM5">Al Buraimi</option>
    <option value="OM6">Al Wusta</option>
    <option value="OM7">Ash Sharqiyah North</option>
    <option value="OM8">Ash Sharqiyah South</option>
    <option value="OM9">Dhofar</option>
    <option value="OM10">Muscat</option>
    <option value="OM11">Musandam</option>
</select>

注意：您可能不再需要“选择一个选项...”，因为第一个选项将自动被预先选择。

【讨论】：