这样获得下面option之间id=1的值,也就是会弹出A O P B,而不是整个单词,怎样修改代码??急急急!!!
<html><head><scripttype="text/javascript">functiongetIndex(){varx=document.getElement...
<html>
<head>
<script type="text/javascript">
function getIndex()
{
var x=document.getElementById("mySelect")
alert(x.options[x.selectedIndex].text)
}
</script>
</head>
<body>
<form>
Select your favorite fruit:
<select id="mySelect">
<option><div id ="1">A<div/>pple</option>
<option><div id ="1">O<div/>range</option>
<option><div id ="1">P<div/>ineapple</option>
<option><div id ="1">B<div/>anana</option>
</select>
<br /><br />
<input type="button" onclick="getIndex()" value="Alert index of selected option">
</form>
</body>
</html> 展开
<head>
<script type="text/javascript">
function getIndex()
{
var x=document.getElementById("mySelect")
alert(x.options[x.selectedIndex].text)
}
</script>
</head>
<body>
<form>
Select your favorite fruit:
<select id="mySelect">
<option><div id ="1">A<div/>pple</option>
<option><div id ="1">O<div/>range</option>
<option><div id ="1">P<div/>ineapple</option>
<option><div id ="1">B<div/>anana</option>
</select>
<br /><br />
<input type="button" onclick="getIndex()" value="Alert index of selected option">
</form>
</body>
</html> 展开
1个回答
展开全部
<option><div id ="1">A<div/>pple</option>改成<option value="Apple">Apple</option>
getIndex改成
function getIndex()
{
var x=document.getElementById("mySelect").value;
alert(x)
}
不明白你这里为什么option中用div,而且div的id都是1,id最好是唯一的。
getIndex改成
function getIndex()
{
var x=document.getElementById("mySelect").value;
alert(x)
}
不明白你这里为什么option中用div,而且div的id都是1,id最好是唯一的。
更多追问追答
追问
请看清我提问的意思,那段代码是没错的,只是会弹出Apple,Orange等这样整个单词,这不是我想要的,我现在是想只弹出A O等第一个大写字母就可以了。
追答
Apple
option.text是除了标签以外的所有文本值,如果你要这种方式取值,应该是取里面div的innerText.
如果你是为了取首字母,方式多的是,option.text.charAt(0).toUpper();
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询