在jQuery中追加<option></option>时，如何设置selected？
在jQuery中追加<option></option>时，可以使用.attr()方法来设置selected属性。具体操作如下：
// 创建一个新的<option>元素
var option = $('<option></option>');
// 设置<option>的值和文本内容
option.val('value');
option.text('text');
// 设置<option>为选中状态
option.attr('selected', 'selected');
// 将<option>追加到<select>元素中
$('select').append(option);在上述代码中，首先使用$('<option></option>')创建一个新的<option>元素。然后使用.val()方法设置<option>的值，使用.text()方法设置<option>的文本内容。接着使用.attr()方法设置selected属性为'selected'，表示该<option>为选中状态。最后使用.append()方法将<option>追加到指定的<select>元素中。
推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
2回答
选择框的附加条件为JQuery
jquery
是否可以帮助您将if条件添加到下面的代码片段？中
片段：
function editStudesnt(data) {
$('#studentInfo').empty();
$('#studentInfo').append("<div id=\"Search\" class=\"results\">"+
"<span id=\"lb\">Student Name:"+data.stuName+"</span></div>"
浏览 2提问于2012-03-12得票数 0
4回答
如何使用jQuery填充选项值？
javascript、jquery
如果表单选项值的属性quantity为零，我将尝试填充它。我的目标是将a消息添加到当前选项值中。
我的html是：
<select class="valid">
<option disabled="disabled" selected="selected" value="">Select Bar</option>
<option value="1" quantity="99">value 1 </option>
&l
浏览 4提问于2017-12-28得票数 0
回答已采纳
2回答
向选择框动态添加选项后，触发器不起作用
javascript、jquery
我有一个id为test的选择框。我的触发器是这样的：
$("#test").on('change', function() { alert('test'); })
这是第一次起作用，但在我添加了一些选项来动态选择框之后，比如：
var option = $("<option>")
.attr('value', this.value)
.attr('class', this.class)
.html(this.text);
浏览 1提问于2014-07-01得票数 0
2回答
追加到select会泄漏内存JavaScript JQuery
javascript、jquery
我有一个选择下拉菜单，每次我刷新我的页面时，我必须重新填充该选择下拉菜单。这会导致内存泄漏。这是任何帮助都会在重构代码方面非常有用的代码。此外，我还试图创建另一个方法，并在调用此方法之前调用它，另一个方法将清空选项数组并将其设为null。这对我没什么帮助。
var option = $(document.createElement("option"));
option.attr("value", List.id);
option.text(List.name);
if(List.name.length > maxSi
浏览 0提问于2013-06-13得票数 0
回答已采纳
1回答
用可点击的图像替换选择输入
javascript、jquery、select
下面的代码允许我选择一个HTML，并提供一个用户友好的图像可点击版本。单击图像时，它会在DOM中的隐藏选择字段中选择适当的值。
我只是需要帮助，以调整我的代码，以工作的选择，是在页面上多次。
如果它出现在页面上10次，我需要运行这段代码10次。
不过，我不知道如何分别针对每一个目标。
预览
HTML选择将被转换为如下所示的可点击图像。JavaScript读取已在页面上的并克隆它，并用图像替换每个值。然后隐藏原始选择字段。当一个图像被点击并显示为被选中时，它将使用JavaScript在真正的隐藏选择器中选择该值！
现场演示
JavaScript
jQuery(document).re
浏览 4提问于2015-09-06得票数 1
回答已采纳
1回答
JSP + JQuery UI选择菜单+默认文本
java、javascript、jquery、jsp、jquery-ui
我在视图上有下一个选择：
<div class="sort">
<label for="sort"><span>Sort by:</span></label>
<select name="sort" id="sort">
<option selected="selected" disabled="disabled" style="display:none;">Choos
浏览 0提问于2015-06-19得票数 2
1回答
下拉列表转换为单选按钮，不再触发特定功能
javascript、jquery、woocommerce
我正在构建一个现有的woocommerce wordpress扩展，我正在将产品变体(大小，颜色等)下拉菜单转换为单选框。关键之处在于，当用户从下拉列表中选择一个选项时，它会触发通过ajax自动更新产品库存和价格的操作。
我使用它将输入转换为无线电(来自)：
$('.variations select').each(function(i, select){
var $select = jQuery(select);
$select.find('option').each(function(j, option){
var $opti
浏览 0提问于2012-08-06得票数 2
回答已采纳
2回答
IE中的下拉列表在单击事件中不会刷新
javascript、jquery、html、internet-explorer、dropdown
我有一个dropdown，它有一个'click‘事件，我调用rest服务并使用jquery更新下拉菜单中的选项，所以问题是选项在IE中没有更新。它在chrome和其他浏览器中运行良好。
示例代码
<select class="dropdown">
<option value="1">Column1</option>
<option value="2">Column2</option>
</select&g
浏览 0提问于2016-08-24得票数 0
2回答
将下拉列表替换为无序列表。javascript方式
javascript、jquery、html
我有过
<div id="edit-country-wrapper">
<select id="edit-country" class="form-select" name="country">
<option selected="selected" value="all">All</option>
<option value="canada">Canada</option>
<
浏览 1提问于2010-12-18得票数 1
2回答
jQuery是否将选定内容转换为单选按钮？
jquery、select、radio-button、dropbox
我正在尝试使用jquery将选择框动态转换为单选按钮，但我不确定最好的方法。
示例HTML：
<form id="product">
<select name="data[123]">
<option value="1">First</option>
<option value="2">Second</option>
......
<option value="n">
浏览 0提问于2010-01-09得票数 9
回答已采纳
1回答
根据数组中的数据创建搜索列表
javascript、jquery、twitter-bootstrap
我有一个数组，应该用来在搜索字段旁边创建一个搜索引擎列表。
我有个剧本在用。但是，它会生成一个选项框--输入搜索短语，选择引擎，然后得到结果。但是，由于我必须更改标记以使用Bootstrap，所以需要将复选框更改为无序列表，如下所示：
<ul class="dropdown-menu">
<li class="selected">Select</li>
<li>Google</li>
<li>Nyheder</li>
<li>Studier&l
浏览 0提问于2017-03-13得票数 0
回答已采纳
1回答
jquery多重选择:计数非选定选项不起作用
javascript、jquery、html
我试图计数没有选择在多个选择。但似乎有什么问题。更多信息见Fiddle。
问题：
尝试点击Select all和Deselect all按钮几次，Select all就会停止工作。
即使Select all在视觉上停止工作，它仍然在选择/取消选择在dom.you中可以使用firebug来检查它。
如果它在dom中选择/取消选择，为什么它给出了不正确的取消选择元素的计数？
注：
请在下面的小提琴上遵守这一准确的命令，看看我的问题。单击Select all，然后单击Deselect all，再单击Select all。此时，DOM/Firebug显示选项被选中。但是当我按下计数
浏览 2提问于2013-10-27得票数 1
回答已采纳
1回答
如何在Jquery中根据元素的属性对元素进行分组？
php、jquery、html、web、multi-select
我目前正在尝试创建一个按钮，它允许我根据属性对选项进行分组。因为我不是jquery专家，所以我使用了现有的有效按钮" add -all“并开始修改它，以便只添加具有特定属性的选项。下面的代码是意图...
this.container.find(".remove-all").click(function() {
that._populateLists(that.element.find('option').removeAttr('selected'));
return false;
});
this.container.find(
浏览 0提问于2019-04-20得票数 1
1回答
循环遍历API JSON结果并映射到选择选项
jquery、json、ajax
我在谷歌上搜索了一个小时，似乎找不到任何与我的问题相关的帖子。
我尝试遍历API请求的所有结果，并相应地将其映射为select选项。
下面是我的代码：
<script>
var urlRoot = 'https://newsapi.org/v2/';
var sourceList = 'sources?';
var apiLanguage = 'language=en&';
var apiKey = 'XXX';
$(document).ready( function() {
$.ajax({
浏览 0提问于2017-12-11得票数 0
2回答
JSON数组到使用ajax的Select标记中，仅获取1个值
javascript、jquery、html、json、ajax
我想要获得我调用到select选项标记中的json数组的所有数据。 我从这里调用api http://dev.farizdotid.com/api/daerahindonesia/provinsi，这是我得到的json数组 semuaprovinsi: Array(34)
0: {id: "11", nama: "Aceh"}
1: {id: "12", nama: "Sumatera Utara"}
2: {id: "13", nama: "Sumatera Barat"}
3: {id: &#
浏览 12提问于2020-03-28得票数 0
回答已采纳
3回答
动态生成的Dropdown不侦听jquery事件
jquery、ajax
$(document).ready(function() {
$('[id^=drop_id]').on('change', function() {
selected = $(this).find('option:selected').data('tid')
$.getJSON('path/'+selected,function(data){
var s = $("<select id='drop_id_goddamnit'
浏览 1提问于2013-03-22得票数 2
1回答
JHTML通用列表将数据属性添加到选项Joomla 2.5
joomla、joomla2.5
我需要将数据属性添加到Joomla2.5的JHtml泛型列表中的各个选项中。
在标准html中，选择列表如下所示：
<select class="field" placeholder="<?php echo JText::_('COUNTRY')?>" name="country" id="country" autofocus="autofocus" autocorrect="off" autocomplete="off">
<o
浏览 0提问于2013-06-13得票数 4
回答已采纳
2回答
带有rel值的jQuery筛选器选择菜单
jquery、regex、drop-down-menu、filter
我使用这段代码过滤我的<select>菜单：
jQuery.fn.filterByText = function(textbox) {
return this.each(function() {
var select = this;
var options = [];
$(select).find('option').not('option:first-child').each(function() {
options.push({value: $(this).val()
浏览 8提问于2012-09-24得票数 3
回答已采纳
2回答
使用onchange事件处理程序更改第二个选择列表
javascript、asp-classic、onchange
有一个表单字段要求产品，这些都是不同的大小，第二个表单字段要求数量。
每种产品的库存数量显示在第一个选择中，我希望第二个选择是可用库存的最大值，这样客户就不能订购超过我可用的库存。
这是第一个选择(还链接显示自定义图片)的网站是ASP
<select name="barcode" id="imageselect">
<option value>Please Select .....</option>
<option value="322974">6.6lbs 100m - £21.00 ( 2
浏览 3提问于2012-10-02得票数 0
7回答
在jQuery中修改选择框选项文本
jquery、html-select
给定以下HTML：
<select id="addSelection">
<option value="Original Value">Original Value</option>
</select>
当我点击一个按钮时，我想更改选项标签的文本值。
假设可以单击按钮，我可以使用jQuery更改correctly...how选项标记的文本吗？
例如，我希望将选项标记更改为：
<option value="New Value">New Value</option>
我尝试过
浏览 0提问于2011-10-05得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
