javascript取得单选radio、下拉列表值及相关问题记录

本文介绍了使用JavaScript操作HTML表单元素的方法，包括获取单选按钮的值、设置单选按钮的状态、获取下拉列表的值及设置其默认选项，同时还涵盖了字符串中特定字符的全局替换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

取得单选radio值

var timeUnit = document.getElementsByName("timeUnit");
var timeUnitValue="";
var i;
for(i=0;i<timeUnit.length;i++){
if(timeUnit[i].checked){
timeUnitValue = timeUnit[i].value;
}
}

取得下拉列表值

var select_graph = document.getElementById("select_graph");
var text = select_graph.options[select_graph.selectedIndex].text;
var value = select_graph.options[select_graph.selectedIndex].value;

全局替换字符

将queryStr中的全部&替换为#

var replaceStr = queryStr.replace(/\&/g,'#');//g为全局替换的标识

动态设置单选radio的选中状态

var timeUnit = document.getElementsByName("timeUnit");
var timeUnitValue = "xxxxx";
var i;
for(i=0;i<timeUnit.length;i++){
if( timeUnitValue ==timeUnit[i].value){
timeUnit[i].checked="checked";
}
}

动态设置下拉列表的默认值

var select_graph = document.getElementById("select_graph");
var graphType = ”yyyyyy";
for(i=0;i<select_graph.options.length;i++){
if(graphType ==select_graph.options[i].value){
select_graph.options[i].selected=true;
break;
}
}