關於java 獲取 html select標籤 下拉框 option 文字內容 隱藏域
在HTML中從多選下拉框中提取已選中選項的文字內容到後臺,被這個問題難倒了。
demo.jsp檔案
如上程式碼,想過用設定隱藏域獲取文字內容typeList.name,將隱藏域放在forEach迴圈內。<select id="selecttype" name"type"> <option value="" selected="selected">請選擇</option> <c:forEach items="${typeList}" var="typeList"> <option value="${typeList.id}">${typeList.name}</option> <c:forEach> </select>
<input id="selecttypename" type="hidden" name="typename" value="${typeList.name}" />
後臺接收typename為空值,也許遍歷迴圈的時候把隱藏域也迴圈出多份了,而同一個Form表單中不能有多個相同name屬性的標籤。
隱藏域放哪裡好呢?思考無果後開始查資料,最後找到解決方案。
JavaScript中有一個change事件
JavaScript程式碼
當觸發select框選項改變的條件,將框內選中的文字內容傳遞給隱藏域的value值,這樣隱藏域也能隨自己心意放在合適的位置了。$("#selecttype").change(function(){ $("selecttypename").val($("#selecttype").find("option:selected").text()); });
相關推薦
關於java 獲取 html select標籤 下拉框 option 文字內容 隱藏域
在HTML中從多選下拉框中提取已選中選項的文字內容到後臺,被這個問題難倒了。 demo.jsp檔案<select id="selecttype" name"type"> <option value="" selected="selected">
下拉框Option的內容太多,導致下拉框向上等看不見的問題
今天寫一個下拉框顯示公司列表,當公司列表多起來,下拉框就會自動向上擴充套件,讓使用者看不到了。。。 解決方法:利用css控制,給option一個div 然後給div一個樣式 設定高度 加個滾動條即可。 .selectOption{ //給一個高 max-h
bootstrap-select 搜尋下拉框 獲取選中值
<select id="id_reconciliationDate" class="selectpicker show-tick form-control" data-live-search="true" name="reconciliationDate" data-rul
如何建立Html下拉框和js及jsp如何獲取下拉框裡的內容
一、HTML實現下拉框 <form><select id = "id_s" name = "s"> <option value="程式設計師">程式設計師</option> <option value="
用JS初始化html中的下拉框select
例如有如下的下拉框: <select class="weather" ></select> 現在對其初始化 var options=[' ','晴','多雲','小雨','大雪']; initselect('weather',option
在HTML中的下拉框中怎樣實現超連接?
-h light targe 窗口 ext html中 http com tex 給你個例子自己改吧:<SELECT name="select" onchange="window.open(this.options[this.selectedIndex].value,
JavaScript解決select下拉框中的內容太長顯示不全的問題
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!  
vue獲取element-ui的下拉框的值
vue+element 獲取下拉框的值,程式碼: <template> <div> <el-row> <el-col :span="5"><div class="grid-content bg-purple
js獲取表格當前行下拉框的值
jsp程式碼<td><B><input type="button" class="btn" value="儲存"/></B></td> <td id="aipictur
Bootstrap Select(下拉框控制元件)
Bootstrap Select:下拉框控制元件 官方網站 http://silviomoreto.github.io/bootstrap-select/ 本章完全解讀官方文件後所寫,包含樣式與事件介紹與使用。 因為CSDN文章容易樣式問題,所以我把程式碼提供出來,複製到空
java指令碼實現下拉框和文字框的資料交換
{ if(va.value==<%=a%>) str=' <input name="cnum" type="text" id="cnum" value
SELECT input 下拉框可輸入
<div style="position:relative;width: 170px;height: 28px" > <span style="margin-left:150px;width:18px;overflow:hidden">
html固定寬度下拉框內容顯示不全問題解決方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://ww
Jenkins中動態獲取git分支(下拉框)
def gettags = ("git ls-remote -h https://ip:port/xxx/xxx.git").execute()gettags.text.readLines().collect { it.split()[1].replaceAll('refs
刪除和新增select下拉框選中的內容option,以及清空option選項
刪除:$("#sysusergroupList").find("option:selected").remove();新增:document.getElementById("sysusergroupLi
HTML可編輯下拉框的實現
方法一:用H5 <!-- HTML5 <datalist> 元素 --> <input list="list" id="li"/> &l
json 後臺傳list物件到前臺js獲取便利顯示到下拉框,避免亂碼(ssm)
1.後臺 @RequestMapping(value="/getGrade",produces="text/json;charset=utf-8") @ResponseBody public String getGrade(@RequestParam String st
左右兩個下拉框裏的內容互換
htm ntb 並且 oct size 內容 utf tel value <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &
pb編輯視窗控制下拉框中的內容自動篩選並必須選擇正確和欄位型別正確
dw 的 editchanged事件: ib_changed = true cb_update.enabled = true datawindowchild ldwc_dddw datawindowchild ldwc_dddw1 CHOOSE CASE dwo.nam
實現antd下拉框動態新增內容(與資料庫互動)
antd下拉控制元件的動態內容新增(與資料庫互動) antd這個框架給開發帶來了極大的方便,但同時,我認為還有一些不方便的地方:常用的邏輯在文件中沒有體現。需要前端開發經驗的人才能快速上手,而我剛剛接觸這個東西,antd基本將所有常用的控制元件全都封裝了,包括select下拉框,在以往的開發當中,我常常將下