按值设置选择选项“已选择”

本文翻译自：Set select option 'selected', by value

I have a select field with some options in it. 我有一个select字段，其中包含一些选项。 Now I need to select one of those options with jQuery. 现在我需要使用jQuery选择其中一个options 。 But how can I do that when I only know the value of the option that must be selected? 但是当我只知道必须选择的option的value时，我怎么能这样做呢？

I have the following HTML: 我有以下HTML：

<div class="id_100"><select><option value="val1">Val 1</option><option value="val2">Val 2</option><option value="val3">Val 3</option></select>
</div>

I need to select the option with value val2 . 我需要选择值为val2的选项。 How can this be done? 如何才能做到这一点？

Here's a demo page: http://jsfiddle.net/9Stxb/ 这是一个演示页面： http ： //jsfiddle.net/9Stxb/

#1楼

参考：https://stackoom.com/question/tzGo/按值设置选择选项-已选择

#2楼

要选择值为“val2”的选项：

$('.id_100 option[value=val2]').attr('selected','selected');

#3楼

Deselect all first and filter the selectable options: 首先取消选择全部并过滤可选选项：

$('.id_100 option').removeAttr('selected').filter('[value=val1]').attr('selected', true)

#4楼

You can select on any attribute and its value by using the attribute selector [attributename=optionalvalue] , so in your case you can select the option and set the selected attribute. 您可以使用属性选择器[attributename=optionalvalue]选择任何属性及其值，因此在您的情况下，您可以选择该选项并设置所选属性。

$("div.id_100 > select > option[value=" + value + "]").prop("selected",true);

Where value is the value you wish to select by. 其中value是您希望选择的值。

If you need to removed any prior selected values, as would be the case if this is used multiple times you'd need to change it slightly so as to first remove the selected attribute 如果您需要删除任何先前选择的值，如果多次使用它，您需要稍微更改它，以便首先删除所选属性

$("div.id_100 option:selected").prop("selected",false);
$("div.id_100 option[value=" + value + "]").prop("selected",true);

#5楼

There's an easier way that doesn't require you to go into the options tag: 有一种更简单的方法，不需要你进入options标签：

$("div.id_100 select").val("val2");

Check out the this jQuery method . 看看这个jQuery方法。

#6楼

I think the easiest way is selecting to set val(), but you can check the following. 我认为最简单的方法是选择设置val（），但您可以检查以下内容。 See How to handle select and option tag in jQuery? 请参阅如何在jQuery中处理select和option标记？ for more details about options. 有关选项的更多详细信息。

$('div.id_100  option[value="val2"]').prop("selected", true);$('id_100').val('val2');

Not optimised, but the following logic is also useful in some cases. 未经优化，但以下逻辑在某些情况下也很有用。

$('.id_100 option').each(function() {if($(this).val() == 'val2') {$(this).prop("selected", true);}
});

按值设置选择选项“已选择”相关推荐

iOS UItextView监听输入特定字符跳转页面选择选项返回
今天有朋友问我一个需求的实现,于是自己写了一个Demo简单的实现了一下: 需求是: 1>比如: 检测用户输入"A"字符串,跳转页面选择选项,将选择的选项放置textView里 ...
android选择下拉框的默认值,如何在Android中将默认值设置为微调器下拉列表？
我需要将默认值文本"选择你的设备"值设置为我的微调器下拉列表,我把它作为列表项,所以它作为一个下拉列表项,我隐藏下拉列表,因为这我的下拉菜单中有一个空白区域. 我该怎么做? 这是我 ...
在可编辑表格EditorGrid中，我选择一行已输入的数据，点击删除按钮，该行数据将被删除，然后当我点击表单提交按钮时，已经被删除的那一行数据仍然被插入数据库中...
为什么80%的码农都做不了架构师?>>> 问题描述:在可编辑表格中,我选择一行已输入的数据,点击删除按钮,该行数据将被删除,然后当我点击表单提交按钮时,已经被删除的那一行数据仍 ...
PHP-FPM.CONF配置：日志文件、端口设置、动态静态选择设置
在php-fpm.conf文件中添加如下配置 pm.max_children = 100 pm.start_servers = 30 pm.min_spare_servers = 20 pm.max_ ...
从下列选项中选择正确的java表达式,java笔试常见的选择题
1.已知表达式int m[] = {0,1,2,3,4,5,6}; 下面那个表达式的值与数组的长度相等() A m.length() B. m.length C. m.length()+1 D. m. ...
验证选择每日学习总结：DropDownList是否已选择验证、存储过程参数为sql字符串问题、将截断字符串或二进制数据。\r\n语句已终止...
新手发帖,很多方面都是刚入门,有错误的地方请大家见谅,欢迎批评指正 2013-5-4 如何验证DropDownList是不是已选择上周在项目开辟中碰到这样一个问题,在做础基据数管理时,须要停止据数的 ...
cad二次开发-C#-VS-镜像-判断用户当前是否已选择实体-将实体对象添加到模型空间-添加实体到块表记录-将块定义插入到模型空间
创建新图层 public static void CreateLayer(string LayerName){Document acDoc = Application.DocumentManager. ...
【必选项提示小方法】vue处理多个条件选择时，判断必选项没有选择的弹出对应的提示【通俗易懂，详细注释】
前言: 前端小伙伴们很多时候会遇到一个情况,就是页面中查询的时候有多个条件,可能是输入框可能是下拉框或者时间选择器,其中肯定会有一些选项是必选项,那么这时候就会出现一个情况,你需要根据必选项有没有被选 ...
P1125 笨小猴笨小猴的词汇量很小，所以每次做英语选择题的时候都很头疼。但是他找到了一种方法，经试验证明，用这种方法去选择选项的时候选对的几率非常大！这种方法的具体描述如下：假设maxn是单词
题目描述笨小猴的词汇量很小,所以每次做英语选择题的时候都很头疼.但是他找到了一种方法,经试验证明,用这种方法去选择选项的时候选对的几率非常大! 这种方法的具体描述如下:假设maxn是单词中出现次数最 ...

按值设置选择选项“已选择”

#1楼

#2楼

#3楼

#4楼

#5楼

#6楼

按值设置选择选项“已选择”相关推荐

最新文章

热门文章