select 选中指定的option - ITeye问答

问答首页 → Web前端技术

0 0

select 选中指定的option0

在做一个修改功能，有个select，optin是json 穿过来展现的

 $.ajax({
	url:'/XX/xx!xx.action',
	async: false,
	type:'Post',
	dataType:"json",
	success:function(json){
	if(json != null && json != undefined){
	   var option = "<option>请选择部件编号</option>";
	   for(var i=0; i<json.data.length; i++){
	   option += "<option value=\""+json.data[i].itemCode+"\">"+       json.data[i].itemCode + "</option>";
           }
           $("#item").html(option);
        }
		       			
	}
});

这是我的select，我给option加上了value=\""+json.data[i].itemCode+"\">"

var a = rowData.itemCode//这是数据库对应的值

我试过几种方式都不能让select选中 var a = rowData.itemCode 这个值

//----------------
if(document.getElementById("item").value == rowData.itemCode){
			$("#item").attr("selected","selected");
		}
//----------------
for(var i = 0; i < document.getElementById("item").length; i++){
			if(rowData.itemCode == document.getElementById("item")[i].value){
				document.getElementById("item")[i].selected = true;
			}
		}

有没有什么好的方法呢

JavaScript jQuery

2014年8月11日 13:23

mingnianshimanian
1
0 0 6

2个答案按时间排序按投票排序

0 0

采纳的答案

$("#item").attr("selected","selected");
这句话中$("#item")是选中的select元素不是option元素
同样
document.getElementById("item")这个也是选中select的元素
不是option元素
for(var i=0;i<$("#item option").length;i++)
{
if( rowData.itemCode==$("#item option")[i].attr("value"))
{
$("#item option").attr("selected","selected");
}
}

2014年8月11日 21:25

探索者_技术
28
0 0 6

添加评论

0 0

首先你确定rowData.itemCode == document.getElementById("item")[i].value有相等的可能，需要排除大小写等几种情况

下面是我自己的代码，
var objField = document.getElementById("item");
for(var i=0;i<objField.options.length;i++ ){      if(objField.options[i].text.toUpperCase()=="数据库的值".toUpperCase().trim()){
    objField.options[i].selected = true;
     }else{
     objField.options[i].disabled = true;
     }
}

2014年8月11日 13:29

黄菲菲
179
0 1 14

1条评论

相关推荐

select将选中的option设置为默认选项: 本文将详细介绍如何使用JavaScript将指定的`<option>`设置为默认选中。首先，我们需要了解`<select>`和`<option>`的基本用法。`<select>`元素包含一个或多个`<option>`，用户可以在这些选项中进行选择。例如： ``...

jQuery获取select选中的option的value值实现方法: 标签部分说明了本文档的主要内容是关于如何获取select选中的option的value值。在提供的部分内容中，可以看到一个具体的实现示例，包含了一个id为"isshow"的select元素，里面有两个option子元素，分别设置了value值...

js获取select默认选中的Option并不是当前选中值: 这个函数接受两个参数，selectId是select元素的ID，valIfNull是一个可选参数，用于指定当无法获取默认选中项时返回的默认值。函数首先尝试通过document.getElementById获取到指定的select元素，然后通过...

js 操作select和option: ### JavaScript 操作 Select 和 Option 的方法详解在网页开发中，`<select>` 元素是一种常见的表单控件，用于收集用户输入的选择项。它通常包含多个 `<option>` 子元素供用户选择。通过 JavaScript，我们可以实现...

用jquery获取select标签中选中的option值及文本的示例: - 方法一：通过id选择器获取select标签，然后使用":selected"伪类选择器找到当前选中的option，接着使用.text()方法获取选中的option的文本内容。代码为`$("#sel option:selected").text();` - 方法二：通过id选择...

javascript_select_option_操作详解.txt: 这里我们创建了一个新的 `<option>` 对象，然后通过调用 `add` 方法将其添加到指定的 `<select>` 元素中。 #### 四、删除所有 `<option>` 项有时候可能需要清空 `<select>` 元素中的所有 `<option>` 项。这可以...

页select中如何实现选择option其中一个选项，显示相关的内容: ### 如何实现在`<select>`中选择一个`...综上所述，通过上述方法可以有效地实现从`<select>`元素中选择一个`<option>`后，在页面的指定区域显示与之相关的新闻内容。这种方案不仅简单易行，而且具有较好的用户体验。

html js 清除select里的值,js控制select增删改,选中,清空, 判断控件是否存在: `<select>`元素创建一个下拉列表，可以包含多个`<option>`元素，每个`<option>`代表一个选项。例如： ```html <select id="mySelect"> <option value="option1">Option 1</option> <option value="option2">...

Jquery操作Select option整理: - `$("<option value='1'>1111</option>").appendTo("#select")` 用于向指定 `<select>` 添加一个新的 `<option>`。 **2. 单选框操作：** ```javascript $("input[type='radio'][checked]").val(); // 获取选中项的...

struts2实现页面select标签默认选中: 这里的关键在于`value`属性的使用，它指定了默认选中项的值。在这个例子中，我们假设`auditingLog.auditingState`的值为`1`或`0`，那么对应的选项就会被自动选中。 #### 2. 使用`<s:property>`与原生HTML结合除了...

jQuery 获取select选中值及清除选中状态: 首先，要获取select元素中的选中值，我们需要使用jQuery提供的方法来找到选中的option元素，并获取它的值。在jQuery中，可以使用选择器“:selected”来选取当前选中的option元素。通过find()方法，我们可以进一步...

vue select二级联动第二级默认选中第一个option值的实例: Vue Select 二级联动第二级默认选中第一个 Option 值的实例详解在本篇文章中，我们将详细介绍 Vue Select 二级联动第二级默认选中第一个 Option 值的实例。该实例具有很好的参考价值，希望对大家有所帮助。知识...

js 操作select和option常用代码整理: 当用户选择了一个`<option>`后，可以通过`$(“#mySelect”).val()`获取选中项的`value`值，通过`$(“#mySelect option:selected”).text()`获取选中项的文本内容。这里使用了jQuery库，它是JavaScript的一个扩展，...

Html Select option 如何进行默认选择: 这种方法会在`<select>`元素中查找具有指定`value`的`<option>`，并将其设置为选中。此外，如果你使用的是jQuery，代码可以更简洁： ```javascript $('select#isAudit option[value="1"]').prop('selected', true...

jquery实现select互斥联动: 3. 逻辑处理：在`change`事件的回调函数中，获取当前选中的值，并根据预设的联动规则更新其他`select`元素的选项。这可能涉及清除某些选项或禁用/启用特定选项。三、代码示例以下是一个简单的jQuery实现，展示了...

jQuery对Select的操作大集合(收藏): `$("#select_id").val('value')` 可以设置选中value属性等于指定值的Option，而`$("#select_id option:eq(index)").attr('selected', 'selected')` 则可以设置索引为`index`的Option为选中状态。需要注意的是，如果...

JQuery操作select: 例如，`$("#select").empty()`用于清空select的所有选项，`$("<option value='1'>1111</option>").appendTo("#select")`则是向指定的select添加新的option。对于单选框和复选框，jQuery同样提供了便利的操作。例如...

jQuery实现select下拉框菜单选中插件.zip: // 选中指定值的选项 }); }; ``` 在这个插件中，我们遍历每个匹配的`<select>`元素，取消所有选项的选中状态，然后找到值等于传递参数的选项并将其选中。这样，我们可以通过调用`$('select').selectOption('...

两个select之间option的互相添加操作(jquery实现): 通过`.val()`方法获取option的值，并通过`.text()`获取其显示的文本内容，然后使用`.appendTo()`将选中的option移动或添加到目标select中。 5. 全部添加与单个添加的区别参数`isAll`决定了是否对源select中的所有...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics