求助js控制select默认值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了求助js控制select默认值相关的知识,希望对你有一定的参考价值。

<select class="select" name="outlet_first" id="outlet_first" valid="required" errmsg="请选择所属公司!">
<option label="暂无" value="1">暂无</option>
<option label="鸿佳不动产" value="44" selected="selected">鸿佳不动产</option>
<option label="爱家房屋" value="45">爱家房屋</option>
<option label="西海岸房产网" value="46">西海岸房产网</option>
<option label="太平洋房屋" value="47">太平洋房屋</option>
<option label="千翔房产店" value="48">千翔房产店</option>
<option label="青岛鼎铭不动产有限公司" value="49">青岛鼎铭不动产有限公司</option>
<option label="青岛祺瑞房产投资有限公司" value="56">青岛祺瑞房产投资有限公司</option>

</select> -<select class="select" name="outlet_last" id="outlet_last" valid="required" errmsg="请选择门店!">id
<option label="暂无" value="2">暂无</option>
<option label="太平洋一中店" value="60">太平洋一中店</option>
<option label="太平洋紫金山路店" value="61">太平洋紫金山路店</option>
</select>

<script language="javascript">

$("#outlet_last").change(function()
alert(document.getElementById("outlet_last").value);
//$onedef=load("../zhongjie/login_oneList_ajax.php?id="+$("#outlet_last").val());
document.getElementById("outlet_first").options[46].selected="selected";
);
</script>

要实现outlet_last的值改变,outlet_first的值变为46,执行报错:
SCRIPT5007: 无法设置属性“selected”的值: 对象为 null 或未定义

高分求解决

document.getElementById("outlet_first").options[46].selected="selected";
options 数组下标越界,你这个数组的长度是8,从0开始的。
参考技术A options中应写的是要选择项的下标值,而不是value值 参考技术B document.getElementById("outlet_first").options[46].selected="selected";
46改成3或4试下

怎么用js动态 设置select中的某个值为选中值

参考技术A

我们使用javascript实现js动态设置select中的某个值为选中值,操作如下:

使用javascript实现:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<select name="jumpMenu" id="jumpMenu" onChange="jumpMenu('parent',this,0)">

<option id="1" value="跳转URL">111</option>  //  111 是显示给用户的信息

<option id="2" value="跳转URL">222</option>

<option id="3" value="跳转URL">333</option>

<option id="4" value="跳转URL">444</option>

<option id="5" value="跳转URL">555</option>

</select>

<script type="text/javascript">

function display(optionID)

var all_options = document.getElementById("jumpMenu").options;

for (i=0; i<all_options.length; i++)

if (all_options[i].id == optionID)  // 根据option标签的ID来进行判断  测试的代码这里是两个等号

all_options[i].selected = true;

;

display("4");

</script>

</body>

</html>

扩展资料:

Js获得元素标签名称的方法:

1、$( this ).get(0).tagName

2、$( this )[0].tagName

3、$( this ).prop("tagName")

4、$( this ).prop("nodeName")



以上是关于求助js控制select默认值的主要内容,如果未能解决你的问题,请参考以下文章

HTML+js如何让下拉框选中默认值

JS如何控制select选中哪项?

用JS怎么给select标签设置动态的默认值

js配置下拉框默认值无效

下拉菜单select,怎么设置默认值

HTML中select控件怎样设置成默认值,并且下拉框选项中没有默认值