html中的<select>怎么使用selectedIndex属性
<selectid="en"selectedIndex="1"><optionvalue="0">0</option><optionvalue="1">1</option...
<select id="en" selectedIndex="1">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
为什么还是显示成0呢? 展开
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
为什么还是显示成0呢? 展开
2个回答
展开全部
经验证,貌似直接给select标签赋值selectedIndex="1"是不可以的,不过可以用js来控制,比如在onload中这样写
onload=function(){
document.getElementById("en").selectedIndex=1;
}
onload=function(){
document.getElementById("en").selectedIndex=1;
}
追问
selectedIndex="1"的写法确实是不行,用JS实现的话也存在一定的问题,因为作为默认的显示项是根据PHP传过来的数据更改的,这些数据是不在页面上显示的,而JS要获取这些数据的话也难啊,想用1,但是HTML中又好像不能直接用算数运算符
追答
php传过来?session?可以将这个值赋值给一个标签,然后用js取这个标签的值
展开全部
定义和用法
selectedIndex 属性可设置或返回下拉列表中被选选项的索引号。
注释:若允许多重选择,则仅会返回第一个被选选项的索引号。
语法
selectObject.selectedIndex=number
实例
下面的例子可提示出被选选项的索引号:
<html>
<head>
<script type="text/javascript">
function getIndex()
{
var x=document.getElementById("mySelect")
alert(x.selectedIndex)
}
</script>
</head>
<body>
<form>
Select your favorite fruit:
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option>Pineapple</option>
<option>Banana</option>
</select>
<br /><br />
<input type="button" onclick="getIndex()"
value="Alert index of selected option">
</form>
</body>
</html>
运行完 点击 按钮 显示的是第几个option
<option value="0">0</option> 这句显示在文本框 当然是0 了
selectedIndex 属性可设置或返回下拉列表中被选选项的索引号。
注释:若允许多重选择,则仅会返回第一个被选选项的索引号。
语法
selectObject.selectedIndex=number
实例
下面的例子可提示出被选选项的索引号:
<html>
<head>
<script type="text/javascript">
function getIndex()
{
var x=document.getElementById("mySelect")
alert(x.selectedIndex)
}
</script>
</head>
<body>
<form>
Select your favorite fruit:
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option>Pineapple</option>
<option>Banana</option>
</select>
<br /><br />
<input type="button" onclick="getIndex()"
value="Alert index of selected option">
</form>
</body>
</html>
运行完 点击 按钮 显示的是第几个option
<option value="0">0</option> 这句显示在文本框 当然是0 了
追问
不用JS可以改变其中的显示项吗?因为有多个这个的,但是希望每个显示出来的option可以改变,不用在对应option后加属性select=“selected”的方法,这样不是实时改变,那么有什么办法可以做到呢?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询