JS获取select选中的value和内容
程序员文章站
2022-04-05 18:04:16
...
不说废话,直接上代码
<!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>JS获取select选中的value和内容</title>
<style>
p a{
display:inline-block;
text-decoration: none;
background: #666;
padding: 6px 10px;
color: #FFFFFF;
border-radius: 4px;
font-size: 12px;
}
</style>
</head>
<body>
<form name="form1" id="form1" method="post" action="XX">
<input name="gettext" id="gettext" value="" type="hidden" />
<input name="getvalue" id="getvalue" value="" type="hidden" />
<select name="PaymentType" style="width:110px" onchange="GettextAndValue(this)">
<option value="">请选择 </option>
<option value="val01">1</option>
<option value="val02">2</option>
<option value="val03">3</option>
</select>
</form>
<p>触发:<a href="javascript:;" onclick="subform();">点击</a></p>
<script language="javascript">
//js原生获取select选中下拉框的的值和文本
function GettextAndValue(obj){
var txt=obj.options[obj.options.selectedIndex].text;
var val=obj.options[obj.options.selectedIndex].value;
console.log(txt)
console.log(val)
document.getElementById("gettext").value = txt;
document.getElementById("getvalue").value = val;
}
//点击触发展示获得结果
function subform(){
alert(document.getElementById("gettext").value);
alert(document.getElementById("getvalue").value);
}
</script>
</body>
</html>
上一篇: 获取input原来的值,input还原
下一篇: PHP使用Redis实例详解
推荐阅读
-
js获取选中日期的当周的周一和周日
-
如何获得select被选中option的value和text
-
jQuery设置和获取select、checkbox、radio的选中值方法
-
Winform中设置和获取DevExpress的RadioGroup的选中项的value值
-
js获取select下拉框的value值和text文本值
-
js和jquery获取textarea输入的内容
-
jQuery获取Select option 选择的Text和 Value
-
利用js获取select的value和text值
-
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
-
js循环map 获取所有的key和value的实现代码(json)