Select
清空原選擇項：
document.getElementById("select_zjlx")[1].selected = false;
document.getElementById("select_zjlx")[2].selected = false;
document.getElementById("select_zjlx")[3].selected = false;
document.getElementById("select_zjlx")[4].selected = false;
設(shè)置新選擇項
document.getElementById("select_zjlx")[0].selected = true;
document.getElementById("sfzh").value = "";
document.getElementById("xm").value = "";
附注：html中<select>標簽用法解析http://www.169it.com/article/381029070941313083.html
使用實例：
一、html
1篡殷、
<select id="select_zjlx" class="selectbox1" onchange="change(this)">
<option value="R" selected="selected">中國大陸居民</option>
<option value="H" >香港居民</option>
<option value="M" >澳門居民</option>
<option value="T" >臺灣居民</option>
<option value="F" >外國人</option>
</select>
2钝吮、
<div class="china" >
<div class="tj_cell">
<div class="tj_cell_ft" style="width:80px">身份證號</div>
<div class="tj_cell_primary">
<input id="sfzh" class="tj_input" type="text" maxlength="18" placeholder="請輸入身份證號" />
</div>
</div>
<div class="tj_cell">
<div class="tj_cell_ft" style="width:80px">姓 名</div>
<div class="tj_cell_primary">
<input id="xm" class="tj_input" type="text" maxlength="9" placeholder="請輸入姓名（簡體）" />
</div>
</div>
</div>
<div class="foreign" style="display:none;">
<div class="tj_cell">
<div class="tj_cell_ft" style="width:80px">國籍地區(qū)</div>
<div class="tj_cell_primary">
<select id="select_gjdq" class="selectbox1" onchange="change(this)">
@{
System.Data.DataTable dt_Source = ViewBag.dt_Source;
if (dt_Source.Rows.Count == 0)
{
}
else
{
foreach (System.Data.DataRow row in dt_Source.Rows)
{
<option value=@row["DM"]>@row["MC"]</option>
}
}
}
</select>
</div>
</div>
<div class="tj_cell">
<div class="tj_cell_ft" style="width:80px">證件種類</div>
<div class="tj_cell_primary">
<select id="select_zjzl" class="selectbox1" onchange="">
<option value="14" selected="selected">普通護照</option>
<option value="13">因公普通護照</option>
<option value="11">公務(wù)護照</option>
<option value="12">外交護照</option>
</select>
</div>
</div>
<div class="tj_cell">
<div class="tj_cell_ft" style="width:80px">證件號碼</div>
<div class="tj_cell_primary">
<input id="zjhm" class="tj_input" type="text" maxlength="18" placeholder="請輸入證件號碼" />
</div>
</div>
二、script
1板辽、
function change(o) {
var rylb = o.value;
var sfzh = document.getElementById("sfzh");
switch (rylb) {
case "R":
chinashow();
foreignhide();
sfzh.placeholder = "請輸入身份證號";
break;
case "H":
chinashow();
foreignhide();
sfzh.placeholder = "請輸入香港身份證號";
break;
case "M":
chinashow();
foreignhide();
sfzh.placeholder = "請輸入澳門身份證號";
break;
case "T":
chinashow();
foreignhide();
sfzh.placeholder = "請輸入臺灣身份證號";
break;
case "F":
chinahide();
foreignshow();
break;
default:
}
}
2奇瘦、
function SearchProgress() {
// 查詢結(jié)果，隱藏+置空
$("#lbRsultValue").hide();
$("#lrv").html('');
var sfzh = $("#sfzh").val();
var xm = $("#xm").val();
var rylb = $("#select_zjlx").val();
var gjdq = $("#select_gjdq").val();
var zjzl = $("#select_zjzl").val();
var zjhm = $("#zjhm").val();
if (rylb != "F") {
// 驗證身份證號是否存在
if (!sfzhvalidate("sfzh")) {
return false;
}
// 姓名是否填寫
if (xm == null) {
alert("請?zhí)顚懶彰?);
return;
}
}
if (rylb == "F") {
// 外國人
$("#zjhm").val(zjhm.toUpperCase());
zjhm = zjhm.toUpperCase();
AjaxSubmit('@Url.Action("ForeignJDCX", "YWCX")', {rylb:rylb, gjdq:gjdq, zjzl:zjzl, zjhm:zjhm }, null, function (data) {
if (data.Result && data.Data != null) {
RestoreState();
location.href = "@Url.Action("WJSLBHCXJG", "YWCX")?rylb=" + rylb + "&gjdq=" + gjdq + "&zjzl=" + zjzl + "&zjhm=" + zjhm + "&type=2";
}
else {
alert("沒有獲取相關(guān)數(shù)據(jù)!");
location.href = "";
}
})
} else {
//中國人
AjaxSubmit('@Url.Action("ChinaJDCX", "YWCX")', { rylb: rylb, sfzh: sfzh, xm: xm }, null, function (data) {
if (data.Result && data.Data != null) {
RestoreState();
location.href = "@Url.Action("WJSLBHCXJG", "YWCX")?rylb=" + rylb + "&sfzh=" + sfzh + "&xm=" + xm + "&type=0";
}
else {
$("#lrv").html("沒有獲取相關(guān)數(shù)據(jù)劲弦！");
location.href = "";
}
})
}
}
// 記錄恢復(fù)初始狀態(tài)------返回時會恢復(fù)到初始的狀態(tài)
function RestoreState() {
document.getElementById("select_zjlx")[1].selected = false;
document.getElementById("select_zjlx")[2].selected = false;
document.getElementById("select_zjlx")[3].selected = false;
document.getElementById("select_zjlx")[4].selected = false;
document.getElementById("select_zjlx")[0].selected = true;
document.getElementById("sfzh").value = "";
document.getElementById("xm").value = "";
}