1. 程式人生 > >關於java 獲取 html select標籤 下拉框 option 文字內容 隱藏域

關於java 獲取 html select標籤 下拉框 option 文字內容 隱藏域

在HTML中從多選下拉框中提取已選中選項的文字內容到後臺,被這個問題難倒了。

demo.jsp檔案

<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>
    
如上程式碼,想過用設定隱藏域獲取文字內容typeList.name,將隱藏域放在forEach迴圈內。
<input id="selecttypename" type="hidden" name="typename" value="${typeList.name}" />
後臺接收typename為空值,也許遍歷迴圈的時候把隱藏域也迴圈出多份了,而同一個Form表單中不能有多個相同name屬性的標籤。

隱藏域放哪裡好呢?思考無果後開始查資料,最後找到解決方案。

JavaScript中有一個change事件

JavaScript程式碼

$("#selecttype").change(function(){
    $("selecttypename").val($("#selecttype").find("option:selected").text());
});
當觸發select框選項改變的條件,將框內選中的文字內容傳遞給隱藏域的value值,這樣隱藏域也能隨自己心意放在合適的位置了。

相關推薦

關於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下拉框,在以往的開發當中,我常常將下