select標簽澜倦,通過代碼設(shè)置選中項

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">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</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 = "";
    }
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末耳标,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子邑跪,更是在濱河造成了極大的恐慌次坡,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件画畅,死亡現(xiàn)場離奇詭異砸琅,居然都是意外死亡,警方通過查閱死者的電腦和手機夜赵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進店門明棍,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人寇僧,你說我怎么就攤上這事摊腋》邪妫” “怎么了?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵兴蒸,是天一觀的道長视粮。 經(jīng)常有香客問我,道長橙凳,這世上最難降的妖魔是什么蕾殴? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮岛啸,結(jié)果婚禮上钓觉,老公的妹妹穿的比我還像新娘。我一直安慰自己坚踩,他們只是感情好荡灾,可當我...
    茶點故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著瞬铸,像睡著了一般批幌。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上嗓节,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天荧缘,我揣著相機與錄音,去河邊找鬼拦宣。 笑死截粗,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的恢着。 我是一名探鬼主播桐愉,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼财破,長吁一口氣:“原來是場噩夢啊……” “哼掰派!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起左痢,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤靡羡,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后俊性,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體略步,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年定页,在試婚紗的時候發(fā)現(xiàn)自己被綠了趟薄。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡典徊,死狀恐怖杭煎,靈堂內(nèi)的尸體忽然破棺而出恩够,到底是詐尸還是另有隱情,我是刑警寧澤羡铲,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布蜂桶,位于F島的核電站,受9級特大地震影響也切,放射性物質(zhì)發(fā)生泄漏扑媚。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一雷恃、第九天 我趴在偏房一處隱蔽的房頂上張望疆股。 院中可真熱鬧,春花似錦倒槐、人聲如沸押桃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽唱凯。三九已至,卻和暖如春谎痢,著一層夾襖步出監(jiān)牢的瞬間磕昼,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工节猿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留票从,地道東北人。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓滨嘱,卻偏偏與公主長得像峰鄙,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子太雨,可洞房花燭夜當晚...
    茶點故事閱讀 45,870評論 2 361

推薦閱讀更多精彩內(nèi)容