1. 程式人生 > >java中使用$.ajax建立下拉選項

java中使用$.ajax建立下拉選項



從資料庫中取出相應資料,存在list中,下面直接從servlet講:,

  1. servlet

    servlet中,將儲存在list中的資料,轉為json型別:

    相應程式碼:

Gson gson = newGson();//建立Gson物件

String jsonStr = gson.toJson(list);//list轉為json字串

PrintWriter out = response.getWriter();

out.print(jsStr);//將轉化後的字串,輸送到jsp

  1. jsp

  1. 對應的下拉框

<div class="form-group">

<label

for="theid"class="col-sm-2 control-label">主題:</label>

<div class="col-sm-6">

<select class="form-control"name="theid" id="theid">

</select>

</div>

</div>

  1. 對應的ajax程式碼

$(function(){

// ajax 請求servlet獲取主題資料

$.ajax({

url:"${pageContext.request.contextPath}/theMe/TheMeServlet?method=findAllTheme"

,

type:"POST",

dataType:"json",

cache:false,

async:true,

success:function(data){

for(var i = 0;i<data.length;i++){

//alert(data[i].);

$("#theid").append(" <option id='" + data[i].theid + "'>" + data[i].thename+ "</option>");

}

}

})

});

相關推薦

java使用$.ajax建立選項

 從資料庫中取出相應資料,存在list中,下面直接從servlet講:, servlet: 在servlet中,將儲存在list中的資料,轉為json型別: 相應程式碼: Gson gson = newGson();//建立Gson物件 String j

java生成Excel時,為某列(單元格)建立

在做專案時,有時需要批量匯入的功能,通過Excel來進行批量匯入.... 遇到個小問題,希望在Java生成Excel中,有個模板,對於某些單元格,如性別等列,可以通過下拉框的方式來進行為使用者提示。 這樣既讓使用者覺得方便了,而且Excel會自動進行檢查,一旦不是下拉框中的

AJAX初始化查詢結果動態的賦值給選,作為選項

1、JS程式碼 /* * 初始化獲取所有的使用者列表 */ $.ajax({ url:'/account/getaccount', type:'post', success:function(res){ if (

Java使用POI操作Excel並建立

java建立 package poiexcel;   import java.io.FileOutputStream;   import java.util.Date;   import org

bootstrap-選項-分隔線

bootstrap-下拉選項-下拉分隔線1.運行效果如圖所示2.實現代碼如下<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compat

Excel的單元格設置選項並填充顏色

bcd 同時 photos spf sel 菜單 完成 d3d -o 如何在Excel的單元格中加入下拉選項 方法/步驟 第一步:打開excel文檔,選中需加入下拉選項的單元格。 第二步:點擊菜單中的“數據”-&g

Easyui Datagrid 的Combobox 如何動態修改選項,以及值的轉換

options 解釋 logs sel onclick med rsize rip 原因 我是先將下拉選項的值通過datagrid的url查出來了,在每一行的row中 //項目結果選項卡的列表 $(‘#project_table‘).datagrid({

java poi excel操作 菜單 及數據有效性

合同 pda ear pre log mean color 名稱 ons 1 private InputStream updateTemplateStyleHSSF(InputStream inputStream,CsCustCon csCustCon) throws

SpringMVC之ajax+select框交互常用方式

ret val hash In new type dex chain ucc <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert

vue elementui二級聯動選項demo

itl sel 組件 style -c chan lang new 區域 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

jQuery動態載入和移除select選項

jQuery動態載入和移除select下拉選項 我是個後端開發,工作需要在做select 聯動效果的時候要動態追加選項,實現追加後,發現修改選項的時候,下級選單會一直追加。 話不多數,直接乾貨 html程式碼示例: <select name="name" id="id" o

java動態生成帶框的Excel匯入模板

 在實際開發中,由於業務需要,常常需要進行Excel匯入匯出操作。以前做一些簡單的匯入時,先準備一個模板,再進行匯入,單有十幾、 二十幾個匯入模板時,往往要做十幾、二十幾個模板。而且,當在模板中需要有下拉框,而且下拉資料要實時查詢時,這樣的方法就不太好了; 現在,做成了動態生成匯入

使用Cloud application Studio在C4C UI裡建立列表(dropdown list)

在Cloud Application Studio裡新建一個Code List Data Type: 維護Value和描述資訊,以及在ABSL裡使用的constant值。 儲存之後,上述維護的資訊會儲存到一個名為.codelist 的檔案裡。啟用之後,這個新建的資料型別就可以用於定義extensi

Excel: Creating Drop-Down Lists 在Excel建立列表 Lynda課程中文字幕

Excel: Creating Drop-Down Lists 中文字幕 Excel:建立下拉列表 中文字幕Excel: Creating Drop-Down Lists 通過在Excel電子表格中包含下拉列表,您可以簡化自己和團隊的工作,並確保資料準確輸入 許多人認為它需要先進的

2018-10-12-樹、選項

1、首先我定位到這是個下拉樹 2、然後複製這個選項z  資料:“請選擇保障性安居工程貸款” 3、在資料庫中找到 下拉樹  sys_tree  sys_select  SELECT     *  FROM     sys_select  WHERE     s

微信小程式之自定義select選項框元件

知識點:元件,animation,獲取當前點選元素的索引與內容 微信小程式中沒有select下拉選項框,所以只有自定義。自定義的話,可以選擇模板的方式,也可以選擇元件的方式來建立。 這次我選擇了元件,這樣只需引入元件和新增資料,其它的不用管,就能實現多個地方重複使用了。

使用antd的Select元件,Cascader元件,DatePicker等選項必須要新增的getPopupContainer

getPopupContainer 選單渲染父節點。預設渲染到 body 上,如果你遇到選單滾動定位問題,試試修改為滾動的區域,並相對其定位。 這個屬性,看似不重要的屬性,卻起著重大的作用。 效果圖: 當資料比較多的,可以滾動的時候。點選選擇框,滑動滾輪 沒有新增這個

微信小程式選項,回撥輸入框

wxml: <view class='select_box'>     <view class='select' catchtap='selectTap'>         <text class='select_text'>{{sele

如何一次在combo新增N多個選項

目標:為了使三個combo每個下拉選單都顯示卡號 姓名 上機日期 上機時間 下機日期 下機時間 消費金額 餘額 常規辦法: Comboname1.AddItem "卡號" Comboname1.AddItem "姓名" Comboname1.AddItem "上機日期" Combon

ajax 迴圈列表及預設選擇

$.ajax({ url:"getData.asp", success:function(yData){ var sData = unescape(yData); var gData