导航:首页 > 编程语言 > jsselect默认选择

jsselect默认选择

 发布时间：2023-01-18 12:22:16

㈠ 用js怎么给select标签设置动态的默认值

普通的HTML select标签在显示的时候总是默认的显示第一个<option value="">中所指示的值。
只需要一个JS函数，就可以让它的默认值能够根据后台所传过来的参数不同而变化。
参考如下：
JSP文件：
<body onload="checkModel()">
<form action="<%=request.getContextPath()%>/secretboxInfoAction.do" method="post" name="ClientForm">
<tr>
<td class="td"><span class="font13b">型号:</span>
<select id="mod" style="width:115pt" name="model" value="" onkeydown="model_prompt_del()">
<option value="">------请选择------
<option value="转盘" >转盘
<option value="密码" >密码
<option value="金柜" >金柜
</select>
<span id="model_prompt" class="style1">*</span><html:errors property="model"/>
</tr>
</body>

<script type="text/javascript">
function checkModel() {
if("${secretboxInfo.model}"=="转盘"){
document.getElementById("mod").value="转盘";
} else if("${secretboxInfo.model}"=="密码"){
document.getElementById("mod").value="密码";
} else if("${secretboxInfo.model}"=="金柜"){
document.getElementById("mod").value="金柜";
} else{
document.getElementById("mod").value="";
}
}
</script>

㈡ 高手请进！js如何控制select标签 默认被选中

<html>
<head>
</head>
<selectid="ss">
<option>aa</option>
<option>aa1</option>
<option>aa2</option>
</select>
<body>
<script>
varss=document.getElementById('ss');
ss[2].selected=true;//选中
</script>
</html>

已测试

㈢ 用JS怎么给select标签设置动态的默认值

<select>
<option <% if(staff.getSection()==1){ out.print("selected=''")}%>>1</option>
<option <% if(staff.getSection()==2){ out.print("selected=''")}%>>2</option>
</select>

㈣ JavaScript动态控制HTML <select>标签中<option>的默认选中属性

首先你要让这两个select有关联，姓名中的值必须有可以传递给角色中可以判断的才可以做。
下面给你一个相似的代码。便于你分析。
<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.option1 {
color: #FFFFFF;
background-color: #0099FF;
}
.option2 {
color: #000000;
background-color: #FFFFFF;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
window.onload=function(){
var $id=function(id){
return document.getElementById(id);
}
$id("s1").onchange=function(){
var $name=s2.getElementsByTagName("option");
for(i=0;i<$name.length;i++){
if(this.value==$name[i].value){
$name[i].className="option1";
$id("s2").value=this.value;
}else{
$name[i].className="option2";
}
}
}
}
</script>
</head>

<body>
<select name="s1" id="s1">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select name="s2" id="s2">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</body>
</html>

㈤ js控制select只能单选

<SELECT>标签用multiple属性来控制多选或单选，默认为单选，即没有multiple属性，所以设置单选则使用JS的removeAttribute函数移除multiple属性即可，代码如下所示：

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<html>
<head>
<title>Select单选</title>
</head>
<body>
<selectname="s2"size="6"style="width:100px;"id="s2"multiple="multiple">
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
<option>选项4</option>
<option>选项5</option>
</select>
<scripttype="text/javascript">
vars2=document.getElementById("s2");
s2.removeAttribute("multiple");
</script>
</body>
</html>

效果如下：

㈥ js怎么实现select选择苹果，下列select都自动选择苹果

<p>下拉一<select><option>请选择</option><option>选择苹果</option><option>选择香蕉</option><option>选择橙子</option></select></p>
<p>下拉二<select><option>请选择</option><option>选择苹果</option><option>选择香蕉</option><option>选择橙子</option></select></p>
<p>下拉三<select><option>请选择</option><option>选择苹果</option><option>选择香蕉</option><option>选择橙子</option></select></p>
<p>下拉四<select><option>请选择</option><option>选择苹果</option><option>选择香蕉</option><option>选择橙子</option></select></p>
<p>下拉五<select><option>请选择</option><option>选择苹果</option><option>选择香蕉</option><option>选择橙子</option></select></p>
<script>
var sels=document.getElementsByTagName("select");
sels[0].onchange=function(){
for(var i=1;i<sels.length;i++){
sels[i].selectedIndex=this.selectedIndex;
}
}
</script>

㈦ 求助js控制select默认值

document.getElementById("outlet_first").options[46].selected="selected";
options 数组下标越界，你这个数组的长度是8，从专0开始的。属

㈧ js 设定下拉框的值默认被选中，下拉框做条件查询时，实现分页的时候带参数传值，下拉框默认被选中，求解！

解决1：生成的select option中有一个option默认带有selected="selected"。//这时可以默认选中一个
解决2：在后台处理时判断是否已获取select值，没获取则使用默认值。如：if(is_null($_POST['select_no'])) $_POST['select_no'] = 1;
解决3：使用JS在点击查找时进行判断，若作品编号那个框未设置，则提示设置，或者赋予一个值。

阅读全文

与jsselect默认选择相关的资料

热点内容
ps5国行备份文件大小 浏览：754
linux恢复删除文件命令 浏览：805
win10家庭版打不开qq文件 浏览：794
女生来例假有哪个app比较好 浏览：66
调用后台接口为什么不显示数据 浏览：363
js判断重复 浏览：422
联通如何切换到网络电视 浏览：191
学编程的优势哪里靠谱 浏览：939
沟通文件 浏览：267
水准测量平差程序 浏览：78
cf如何解决网络误封 浏览：952
折叠式文件夹是什么意思 浏览：796
js弹窗登录注册 浏览：563
怎么把游戏数据备份到另一个手机 浏览：361
微信封杀抢红包神器破解教程 浏览：536
带货数据什么时候更新 浏览：500
微信通讯录复制到手机 浏览：498
编程猫怎么连接音响 浏览：589
有没有什么app在家点餐 浏览：501
win10视频文件看不到缩略图注册表 浏览：238

友情链接