[轉]把左邊下拉框內容新增到右邊下拉框

阿新 • • 發佈：2019-01-21

一個簡單的移動操作

<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

[轉]把左邊下拉框內容新增到右邊下拉框

相關推薦