jQuery select2设置默认值从列表中的一个选项吗

Posted 2023-04-30

参考技术A 对于select下option有value值的情况下，直接为select赋值即可，例如将下面第2项设为默认：第1项第2项第3项第4项$('#demo1').val('2');如option没有value值，则使用选择器为匹配的option加上selected属性，例如将下面第2项设为默认：第1项第2项第3项第4项$('#demo2').find('option:eq(1)').attr('selected',true);

将下拉列表中的第一个值设置为 php 中的默认值

【中文标题】将下拉列表中的第一个值设置为 php 中的默认值

【英文标题】：set the first value in Dropdown list as default value in php

【发布时间】：2014-07-07 05:56:06

【问题描述】：

如何将下拉列表中的第一个值设置为php中的默认值？当我打开我的页面时，默认情况下应该选择第一个值

【问题讨论】：

你使用了html的selected属性吗？

显示您的代码以便我们解决您的问题。

【参考方案1】：

使用选项标签中的selected 属性，您可以设置下拉列表的选定默认值。

<select>
  <option value="volvo"  selected>Volvo</option> # default selected option
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select> 

编辑：

对于动态下拉菜单：PHP 代码如下

$("#target option:first").attr('selected','selected');

如果已经有一个 selected 属性，则设置 attr selected 不起作用。我现在使用的代码将首先取消设置 selected 属性，然后选择第一个选项。

$('#target').removeAttr('selected').find('option:first').attr('selected', 'selected');

【讨论】：

下拉列表中的值是动态的，即它们来自数据库。我需要将下拉列表中的第一个值设置为默认选择值。我不知道会出现哪些值.他们不断变化。

@user3391126 ：查看我的编辑答案，它可能会对您有所帮助。

【参考方案2】：

这可以使用选择框的selected 属性来实现：

<select name="youselectbox">
<option value="1" selected>Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>

</select>

编辑：

给你的选择框一个 id 说“selectme”

<select name="youselectbox" id="selectme">

然后在加载时使用这个 jQuery：

$(document).ready(function()


    $("#selectme").prop("selectedIndex", 0); // here 0 means select first option

);

更多信息SEE和FIDDLE DEMO

【讨论】：

下拉列表中的值是动态的，即它们来自数据库。我需要将下拉列表中的第一个值设置为默认选择值。我不知道会出现哪些值.他们不断变化。