點選按鈕時根據select的值判斷是否是需要的選項並顯示div
html部分
<select name="yb" id="select" onchange="show_sub(this.options[this.options.selectedIndex].value)" lay-verify="required">
<option value="">請選擇</option>
<option value="1">初級</option>
<option value="2">高階</option>
</select>
js部分
function show_sub(v){
params.value = v
}
var btn = document.getElementById("btn");
btn.onclick=function(){
checkField(params.value)
}
這裡是我之前直接選擇select的選項更改樣式的,上面是呼叫了一下
function checkField(val){
switch(val){
case '2':
$("#gaoji").css('display','block');
$("#gaoji").css('display','block');
$("#dsb").css('display','block');
$("#dsb").css('display','inline-block');
break;
case '1':
$("#gaoji").css('display','none');
$("#dsb").css('display','none');
break;
}
}
相關文章
- JS判斷鍵盤是否按的Enter鍵並觸發指定按鈕點選操作JS
- 【WPF】根據選項值顯示不同的編輯控制元件(使用DataTemplateSelector)控制元件
- 是否應該在未選中行時禁用刪除按鈕,還是應該在點選按鈕時提示選擇資料?
- jQuery點選按鈕刪除div元素jQuery
- 點選同一按鈕顯示隱藏切換
- 開發者選項-顯示點按操作反饋
- uniapp點選按鈕提交textarea值為undifineAPP
- 直播app系統原始碼,canvas上放置按鈕並實現點選之後全屏顯示APP原始碼Canvas
- 短視訊軟體開發,按鈕側滑顯示各個選項
- 請問 httprunner 的 yaml file 是根據什麼格式判斷是否符合規格的?HTTPYAML
- XamarinEssentials教程首選項Preferences判斷專案是否存在
- js判斷checkbox是否選中JS
- CSS點選隱藏和顯示div效果CSS
- vue-button設定按鈕是否可點選狀態Vue
- JavaScript獲取選中radio單選按鈕值JavaScript
- map判斷值是否存在需要注意的問題
- JavaScript 點選按鈕返回底部JavaScript
- Android 點選按鈕跳轉Android
- WPF TextBlock根據值顯示不同的內容或格式BloC
- 點選刪除按鈕彈出是否刪除提示框
- 單選多選按鈕
- 如何根據自己的需要選擇伺服器配置?伺服器
- 防止頁面按鈕多次點選
- 異形按鈕的點選區域處理
- update 修改資料時,依賴或者說需要根據另一個值來進行判斷l
- 判斷文字是否溢位/hover顯示全部
- 使用ant design of vue的下拉框來選擇性別,性別的值為0、1,被選中的選項顯示的是value值,即0、1,不顯示男、女Vue
- 下拉選項,一個小判斷
- 根據登錄檔鍵值判斷本機EXCEL版本Excel
- vue.js提交按鈕時簡單的if判斷表示式示例Vue.js
- Android處理按鈕重複點選Android
- JavaScript點選按鈕彈出層效果JavaScript
- JavaScript點選按鈕返回底部詳解JavaScript
- Android | 使用 AspectJ 限制按鈕快速點選Android
- select下拉選項,點選時,change事件事觸發多次,請求多次。事件
- 刪除按鈕點選後的虛線輪廓
- 對於防止按鈕重複點選的嘗試
- 統一列寬並設定顯示選項