㈠ 用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在點擊查找時進行判斷,若作品編號那個框未設置,則提示設置,或者賦予一個值。