<head>
<meta charset="UTF-8">
<title>3.操作标签value</title>
</head>
<body>
<div id="no1">
<input type="text" value="" name="username">
</div>
<div>
<select name="gender" id="chooseGender">
<option value="1">男</option>
<option value="2">女</option>
<option value="0">保密</option>
</select>
</div>
<div id="show"></div>
<div id="btn">
<input type="button" value="显示value">
<input type="button" value="获取选中gender的值" onclick="onclicks()">
<input type="button" value="修改value">
</div>
</body>
<script>
/*--------------------------------------------修改username------------------------------------------*/
var inputValuechange = document.getElementById("no1").getElementsByTagName("input")[0];
document.getElementById("btn").getElementsByTagName("input")[2].onclick=function () {
document.getElementsByName("username")[0].value="匿名";
}
/*--------------------------------------显示选项的值和内容----------------------------------------*/
/*拿到option*/
var tag_gender_option = document.getElementsByName("gender")[0].getElementsByTagName("option");
/*遍历值和内容*/
var arr = [];
function onclicks() {
for (var i = 0; i <tag_gender_option.length ; i++) {
arr.push(tag_gender_option[i].value+":"+tag_gender_option[i].innerHTML);
}
document.getElementById("show").innerHTML = arr.join("<br>");
}
/*----------------------------------显示username输入的内容-----------------------------------*/
var inputValue = document.getElementById("no1").getElementsByTagName("input")[0];
document.getElementById("btn").getElementsByTagName("input")[0].onclick=function () {
document.getElementById("show").innerHTML=inputValue.value;
}
</script>
浙公网安备 33010602011771号