[轉]把左邊下拉框內容新增到右邊下拉框
一個簡單的移動操作
<HTML> <HEAD> <TITLE>選擇下拉選單</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <META NAME="Description" CONTENT="Power by hill"> </HEAD> <BODY> <p>選定一項或多項然後點選新增或移除(按住shift或ctrl可以多選),或在選擇項上雙擊進行新增和移除。</p> <form method="post" name="myform"> <table border="0" width="300"> <tr> <td width="40%"> <select style="WIDTH:100%" multiple name="list1" size="12" ondblclick="moveOption(document.myform.list1, document.myform.list2)"> <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> <option value="海南">海南</option> <option value="河北">河北</option> <option value="黑龍江">黑龍江</option> </select> </td> <td width="20%" align="center"> <input type="button" value="新增" onclick="moveOption(document.myform.list1, document.myform.list2)"><br/> <br/> <input type="button" value="刪除" onclick="moveOption(document.myform.list2, document.myform.list1)"> </td> <td width="40%"> <select style="WIDTH:100%" multiple name="list2" size="12" ondblclick="moveOption(document.myform.list2, document.myform.list1)"> </select> </td> <td> <button onclick="changepos(list2,-1)" type="button">上移</button> <br/> <button onclick="changepos(list2,1)" type="button">下移</button> </td> </tr> </table> 值:<input type="text" name="city" size="40"> </form> <script language="JavaScript"> <!-- function moveOption(e1, e2){ try{ for(var i=0;i<e1.options.length;i++){ if(e1.options[i].selected){ var e = e1.options[i]; e2.options.add(new Option(e.text, e.value)); e1.remove(i); i=i-1 } } document.myform.city.value=getvalue(document.myform.list2); } catch(e){} } function getvalue(geto){ var allvalue = ""; for(var i=0;i<geto.options.length;i++){ allvalue +=geto.options[i].value + ","; } return allvalue; } function changepos(obj,index) { if(index==-1){ if (obj.selectedIndex>0){ obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex-1)) } } else if(index==1){ if (obj.selectedIndex<obj.options.length-1){ obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex+1)) } } } //--> </script> </BODY> </HTML>
相關推薦
[轉]把左邊下拉框內容新增到右邊下拉框
一個簡單的移動操作 <HTML> <HEAD> <TITLE>選擇下拉選單</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=gb23
解決只能滑動彈框內容不能滑動彈框底層內容
就是 move prevent index 解決方法 UNC 不能滑動 func eve 解決方法就是彈框事件觸發的時候,給body加這些屬性: .index_body { overflow-y: hidden;/*為了兼容普通PC的瀏覽器*/ hei
實現antd下拉框動態新增內容(與資料庫互動)
antd下拉控制元件的動態內容新增(與資料庫互動) antd這個框架給開發帶來了極大的方便,但同時,我認為還有一些不方便的地方:常用的邏輯在文件中沒有體現。需要前端開發經驗的人才能快速上手,而我剛剛接觸這個東西,antd基本將所有常用的控制元件全都封裝了,包括select下拉框,在以往的開發當中,我常常將下
刪除和新增select下拉框選中的內容option,以及清空option選項
刪除:$("#sysusergroupList").find("option:selected").remove();新增:document.getElementById("sysusergroupLi
jq中怎樣動態選中和不選中下拉框內容
1,jq中怎樣動態選中某個下拉框內容 $('select[name="type"]').find('option[value="1"]').attr('selected','selected') 2,jq中怎樣不選中某個下拉框內容 $('select[name="type"]').fin
extjs 將grid新增到下拉框
藉助於tpl模板屬性,可以將grid渲染到combo中去: 建立grid:省略 建立combo: var store = newExt.data.JsonStore({ url: 'xxx.do', &nb
Jquery獲取日期下拉框內容後計算出相應年齡顯示在input輸入框
這個就類似於QQ等軟體填寫個人資訊處的生日後年齡就會自動被計算出。 思路: 監聽下拉框內容的改變 1、設定年齡的輸入框不可編輯,我為了讓其以後能往後臺傳輸資料
jQuery實現當select下拉框內容變化時,input輸入框內容隨之變化
今天實現了一個功能,當select下拉框中的內容發生變化時,input輸入框中的內容隨之發生變化,具體實現方法如下: //繫結change事件,當下拉框內容發生變化時啟動事件 $("#wlms")
可輸入可選擇的下拉框(input select)並且輸入框獲得下拉的內容
1、JSP程式碼 <div style="position:relative;margin-left: 10%;height: 30px; margin-top: 50px;" class="col-xs-6"> <span style="
dede 內容模型 option下拉框 value
需要修改的檔案在根目錄include/customfields.func.php檔案 foreach($items as $v) { $v = trim($v); if($v!='') {
JS獲取input標籤的text值、JS獲取下拉框內容、input控制只能輸入數字等問題彙總
1、在js中如何獲取input標籤的text值 var cgsl = document.getElementsByName("cgsl")[0].value; jsp原始碼為: <span> </span><tr><spa
Jquery下拉框 左右新增刪除移動
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="下拉框左右新增刪除.aspx.cs" Inherits="下拉框左右新增刪除" %> <!DOCTYPE html PUBLIC "-//W
jQuery-easyui中的combobox如何動態獲取下拉框內容
<pre name="code" class="java">參考事例如下: /** * 獲取下拉框的公司名稱(action) * @return */ private String webObj; public String getCol
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
pl/sql developer 在資料庫下拉框中新增新的資料庫
先找到這個檔案:C:/Oracle/product/11.2.0/client_1/network/admin/tnsnames.ora 在末尾加上: PC20DVP_10.23.18.220 = (DESCRIPTION = (ADDRESS_LIST =
Swing容器中在jTable中新增combobox下拉框時,有關一個下拉框值改變,另一個下拉框值隨之改變的方法
在jTable中,我們經常會需要新增下拉框,一個下拉框很容易設定,但是兩個下拉框設定二級聯動就需要新增addItemListener監聽方法。 所要功能如下圖: 程式碼如下: //型別列表 comboboxType.removeAllItems();
js根據輸入內容自動填充下拉框
這是AJAX的典型應用之一,即根據使用者在輸入框內輸入的內容來搜尋資料庫,然後把內容顯示出來,當然不一定非要顯示在下拉框中,也可以放在其它的地方,我們這裡只是把搜尋到的內容填充到下拉框中,以便使用者精確定位。效果圖如下: 一.JS需呼叫伺服器端方法及時響應客戶端使用者輸
jsp中自定義標籤自動載入下拉框內容
第一步:在web專案下的web-inf的tlds目錄下,新建一個配置檔案,名字為relation.tld,內容如下: 自定義標籤的字首為relation(由short-name標籤決定),屬性有saveField(要儲存到資料庫的欄位名),value(要被選中的資料值)
下拉框只顯示最初下拉框中的值和json返回array的交集
sel .text json down emp tno append length drop 首先我們可以遍歷dropdown var array = new Array(); $("#select option").each(function(j){ array[j]=
ObjectARX對話框添加顏色下拉組合框
alt ring 屬性 drop ngs -1 ner VS2010 1-1 建立Arx基本對話框,最好是基於CAcUidialog類. 首先添加combox控件更改一下屬性: 先修改Owner Draw為Fixed,再更改Has Strings 為true Has Str