一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

select組合框option的捕捉實例代碼

這是一份報名表單,要求用戶在選中“專業人士訪問員”和“定性訪問員”后,分別顯示“可提供被訪者類型”和“容易接觸到的行業”的對應表單。當呈未選中狀態時,這2個框也對應的隱藏起來。
html部分
復制代碼 代碼如下:
<p>
<label class="title">報名參加的兼職職位(必填項)<br/>按住Ctrl鍵可多選</label>
<select onchange="showEasyVisitBox(this)" size="10" style="width: 200px;" multiple="multiple" id="kc_selectjob" name="kc_selectjob">
<option selected="selected" value="入戶訪問員">入戶訪問員</option>
<option value="街訪訪問員">街訪訪問員</option>
<option value="街訪攔截員">街訪攔截員</option>
<option value="電話訪問員">電話訪問員</option>
<option value="神秘顧客">神秘顧客</option>
<option value="專業人士訪問員">專業人士訪問員</option>
<option value="企業深訪員">企業深訪員</option>
<option value="定性聯絡員">定性聯絡員</option>
<option value="主持人">主持人</option>
<option value="質量控制員">質量控制員</option>
<option value="數據錄入員">數據錄入員</option>
</select>
</p>
<p id="supportvisitBox" style="display: none;">
<label class="title">可提供被訪者類型</label>
</p>
<p id="easyvisitBox" style="display: none;">
<label class="title">容易接觸到的行業</label>
</p>


Javascript部分

option不能定義事件(我沒試出來),所以事件要定義在select上。 這里使用的是onchange事件,onchange事件是當對象發生變化時觸發,在這里用onchange比onclick合理許多,效果也好。
在調試這個腳本的時候,一開始我是用selectedIndex,試驗多次發現selectedIndex在多選的情況下只能捕捉到第一個選中的選項,無法承擔多選的工作。查了下參考書,才發現自己走了彎路。

復制代碼 代碼如下:
var oListBox = document.getElementById("kc_selectjob");

oListBox.onchange = function showEasyVisitBox(){
var oEasyvisitBox = document.getElementById("easyvisitBox");
var oSupportvisitBox = document.getElementById("supportvisitBox");
if (oListBox.options[5].selected)
{
oEasyvisitBox.style.display = "block";
}
else {
oEasyvisitBox.style.display = "none";
}

if (oListBox.options[7].selected)
{
oSupportvisitBox.style.display = "block";
}
else {
oSupportvisitBox.style.display = "none";
}

}

JavaScript技術select組合框option的捕捉實例代碼,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 国内精品欧美久久精品 | 好吊妞精品 | 玖玖爱精品视频 | 级毛片久久久毛片精品毛片 | www在线小视频免费 xfplay影音先锋永久资源 | 久久好看视频 | 美女免费视频一区二区三区 | 欧美日韩一区二区三区视频 | 精品国产第一国产综合精品 | 午夜视频吧 | 国产精品九九 | 最新国产一区二区精品久久 | 中文字幕在线观看一区 | 激情在线观看视频免费的 | 加勒比一区二区 | 亚洲一区中文字幕在线观看 | 日韩欧美激情视频 | 高清一区高清二区视频 | 欧美成年黄网站色高清视频 | 美女视频网站黄色 | 日韩色视频一区二区三区亚洲 | 国产激情在线视频 | 激情综合五月婷婷 | 色狠狠一区二区三区香蕉蜜桃 | 成人爽a毛片在线视频网站 成人丝袜激情一区二区 | 久久久亚洲国产精品主播 | 91人成网站色www | 免费观看黄色视屏 | 91精品成人| 日产国产精品久久久久久 | 午夜亚洲国产成人不卡在线 | 六月婷婷在线 | 成人国产精品视频频 | 国产精品伦理久久久久久 | 国产波波社区精品视频 | 日产精品一区二区免费 | 九九手机视频 | 国产美女无遮挡免费视频 | 国产麻豆精品一区二区 | 欧美日韩亚洲国产无线码 | 一区二区国产在线播放 |