国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-21 01:36:51
字體:
來源:轉載
供稿:網友

這是一份報名表單,要求用戶在選中“專業人士訪問員”和“定性訪問員”后,分別顯示“可提供被訪者類型”和“容易接觸到的行業”的對應表單。當呈未選中狀態時,這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";
}

}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 连城县| 澜沧| 洛浦县| 昆山市| 鹿邑县| 清原| 澳门| 高州市| 平度市| 仲巴县| 江北区| 灵川县| 阳曲县| 阿拉善盟| 林口县| 来宾市| 师宗县| 枣庄市| 远安县| 永新县| 抚顺市| 开封市| 德令哈市| 会宁县| 天祝| 治多县| 绥芬河市| 泰来县| 广汉市| 吉林省| 延边| 巴彦县| 济南市| 任丘市| 墨竹工卡县| 安庆市| 余姚市| 大厂| 建昌县| 清新县| 临安市|