`
blaiu
  • 浏览: 130885 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

将3个列表中的值选中并添加到另一个select1中,然后将select1中的内容提交到后台

阅读更多
<select id="hereFirstClass" name="hereFirstClass" style="width:130"
									size="8" onchange="testName(1,this);">
									
										<option value="2">食品、饮料</option>
									
										<option value="3">服装</option>
									
										<option value="4">纺织、皮革</option>
									
										<option value="5">电工电气</option>
									
										<option value="6">家用电器</option>
									
										<option value="7">数码、电脑</option>
									
										<option value="8">化工</option>
									
										<option value="9">冶金矿产</option>
									
										<option value="10">能源</option>
									
										<option value="11">环保</option>
									
										<option value="12">交通运输</option>
									
										<option value="13">建筑、建材</option>
									
										<option value="14">机械及行业设备</option>
									
										<option value="15">家居用品</option>
									
										<option value="16">医药、保养</option>
									
										<option value="17">礼品、工艺品、饰品</option>
									
										<option value="18">运动、休闲</option>
									
										<option value="21">办公、文教</option>
									
										<option value="23">包装</option>
									
										<option value="30">安全、防护</option>
									
										<option value="32">库存积压</option>
									
										<option value="33">汽摩及配件</option>
									
										<option value="34">印刷</option>
									
										<option value="52">纸业</option>
									
										<option value="53">传媒、广电</option>
									
										<option value="54">服饰</option>
									
										<option value="55">橡塑</option>
									
										<option value="56">精细化学品</option>
									
										<option value="57">电子元器件</option>
									
										<option value="58">照明工业</option>
									
										<option value="59">五金、工具</option>
									
										<option value="509">通信产品</option>
									
										<option value="1813">玩具</option>
									
										<option value="2829">二手设备转让</option>
									
										<option value="10208">仪器仪表</option>
									
									
								</select>

								<select id="hereSecondClass" name="hereSecondClass" style="width:130"
									size="8" onchange="testName(2,this);">
								</select>

								<select id="hereThirdClass" name="hereSecondClass" style="width:130"
									size="8" onchange="testName(3,this);">
								</select>
								<div class="add_Delete"><input type="button" value="↓填加" onclick="addline()"/>
      <input type="button" value="x 删除" onclick="delline()"/></div>
      <script type="text/javascript" >
      	function addline() {
      		var num = document.getElementById("select1");
      		if(num.length>5) {
      			alert("最多只能添加6行");
      			return false;
      		}
      		var obj;
      		obj = document.createElement("option");
      		
      		var obj1 = document.getElementById("hereFirstClass");
      		var obj2 = document.getElementById("hereSecondClass");
      		var obj3 = document.getElementById("hereThirdClass");
      		if(document.getElementById("hereFirstClass").value=="") {
      			alert("请选择主营行业");
      			return false;
      		}
      		var hereFirstValue = document.getElementById("hereFirstClass").value;
			var hereFirstName = document.getElementById("hereFirstClass").options[obj1.selectedIndex].text;
      		
      		if(document.getElementById("hereSecondClass").value=="") {
      			obj.value = hereFirstValue;
      			obj.text = hereFirstName;
      			document.getElementById("select1").add(obj);
      		}else if(document.getElementById("hereThirdClass").value=="") {
      			var hereSecondValue = document.getElementById("hereSecondClass").value;
      			var hereSecondName = document.getElementById("hereSecondClass").options[obj2.selectedIndex].text;
      			obj.value = hereFirstValue+"//"+hereSecondValue;
      			obj.text = hereFirstName+"//"+hereSecondName;
      			document.getElementById("select1").add(obj);
      		}else{
      			var hereThirdValue = document.getElementById("hereThirdClass").value;
      			var hereThirdName = document.getElementById("hereThirdClass").options[obj3.selectedIndex].text;
      			var hereSecondValue = document.getElementById("hereSecondClass").value;
      			var hereSecondName = document.getElementById("hereSecondClass").options[obj2.selectedIndex].text;
      			obj.value = hereFirstValue+"//"+hereSecondValue+"//"+hereThirdValue;
      			obj.text = hereFirstName+"//"+hereSecondName+"//"+hereThirdName;
      			document.getElementById("select1").add(obj);
      		}
      		
      	}
      	
      	function delline() {
      		document.all.select1.options.remove(document.all.select1.selectedIndex);
      		document.all.select1.selectIndex=0;
      	}
      
      </script>
      
    <table width="460" name="table3" id="table3" >
   		<select size="8" name="select1" id="select1" multiple="true">
   		</select>
    </table>

//------------------------提交时的javascript
<script type="text/javascript">
	function refer() {
		var op = document.getElementById("select1").getElementsByTagName("option");
		if(op.length<0) {
			alert("请选择主营行业");
			return false;
		}else {
			for(var i=0; i<op.length; i++) {
				var str = "input"+i; 
				document.getElementById(str).value = op[i].childNodes[0].nodeValue;
			}
		}
		document.form1.action="/HereB2B/corporate?method=insertCorporate";
		document.form1.submit();
	}
</script>
分享到:
评论

相关推荐

    C#中获取CheckBox选中值(多选)

    将选中的CheckBox文本存储在一个列表中可以提供更灵活的数据管理和操作。例如: ```csharp List&lt;string&gt; selectedInterests = new List(); foreach (Control check in this.Controls) { if (check is CheckBox) {...

    xm-select,一款简单多选的select插件

    再者,获取已选中的值和文本也是XM-SELECT的一大亮点。在用户进行多选操作后,开发者可以轻松地获取到用户的选择,这对于数据提交或者进一步的业务逻辑处理至关重要。插件通常提供API接口,如`getValue()`和`getText...

    IE8下Jquery获取select选中的值post到后台报错问题

    最后,如果要将`selectedValue`传递到后台,需要在前端将其放入一个表单数据中,然后通过AJAX请求发送,或者直接将其作为表单的一部分提交。在发送之前,确保`selectedValue`已经是正确格式的字符串,这样后台就可以...

    jsp中htmlselect标签的用法

    这里,`officersinfo.oname`是ActionForm或Bean中的属性,`onamelist`是一个集合,其中的每个对象都有`oid`(值)和`oname`(显示文本)属性。 ### 动态添加选项 有时,我们可能需要动态添加选项,例如: ```jsp ...

    使用jquery实现select添加实现后台权限添加的效果

    在本文中,我们将深入探讨如何使用jQuery来实现一个基本的后台权限管理功能,特别是涉及到`select`元素的添加和删除操作。这个功能允许用户通过双击或者点击按钮在两个多选列表之间移动选项,模拟权限分配的过程。 ...

    select2中文选项通过拼音或者首字母快速定位选项

    在初始化Select2时,设置`minimumInputLength`为1,让用户输入一个字符后就开始搜索。同时,将`ajax`配置设为`null`,因为我们不再依赖Ajax获取数据。 总结起来,要实现“select2中文选项通过拼音或者首字母快速...

    laravel-admin Form表单搜索组件apiSelect(修复版).rar

    在本文中,我们将深入探讨`laravel-admin`框架中的`Form`表单搜索组件`apiSelect`,这是一个修复版的自定义控件。这个组件专为`laravel-admin`用户设计,提供了一种灵活的方式,让用户能够通过输入关键词,通过API...

    SpringMVC中form:select的使用

    当用户提交表单时,Spring MVC会自动将选中的值绑定到模型对象,并进行相应的验证。 **6. CSS样式与JavaScript交互** `form:select`标签生成的HTML元素可以接受标准的HTML属性,如`class`用于CSS样式控制,也可以...

    jsp select 带多选框

    这里的`request.getParameterValues()`方法返回一个字符串数组,包含了用户在表单中选中的所有选项的值。 博客链接(虽然这里没有给出具体内容)通常会提供更详细的实现步骤,可能包括如何与后端交互、如何处理数据...

    select下拉列表及联.doc

    在某些情况下,我们可能需要创建级联的下拉列表,即一个下拉列表的选择会影响到另一个下拉列表的选项。这种功能在处理层级关系的数据时非常有用,例如省份与城市、类别与子类别的关系等。 在提供的文档中,`...

    struts1.x html标签 radio,checkbox,multibox,select的使用

    这样,当表单提交时,Struts框架会自动将选中的值放入到ActionForm的Map中,便于后续的业务逻辑处理。 总的来说,Struts1.x的这些HTML标签极大地提高了开发效率,使得视图层与模型层之间的数据绑定变得更加直观和...

    jquery根据一个值来选中select下的option实例代码

    本文将详细讲解如何使用 jQuery 根据一个值来选中 Select 下的 Option,并通过一个实例代码进行演示。 在 HTML 页面中,Select 元素通常用于创建下拉列表,Option 元素则是列表中的各个选项。有时我们需要根据某些...

    设置disabled属性后台读不到数据如何让select支持readonly

    然而,一个常见的问题是,当`disabled`属性被设置在`&lt;select&gt;`元素上时,后台程序在提交表单时可能无法获取到选中的选项值。这是因为`disabled`状态的表单元素不会作为POST数据发送到服务器。为了解决这个问题,有两...

    C#城市二级联动asp.net在后台获取HTML元素值

    二级联动通常指的是在一个下拉菜单(Select元素)中选择一个选项后,另一个下拉菜单会自动更新其选项,以展示与前一个选项相关的数据。在这个案例中,我们可能有一个省(或州)的下拉菜单,当用户选择一个省后,市的...

    able_select行选中

    在IT领域,尤其是在Web开发中,"able_select行选中"是一个常见的功能需求,它涉及到用户界面中的数据展示和交互。这个功能允许用户选择表格中的特定行,以便进行进一步的操作,如编辑、删除或查看详细信息。下面我们...

    超好用的select标签-带api

    在本篇文章中,我们将深入探讨如何使用`&lt;select&gt;`标签,并结合JavaScript API,来实现更丰富的交互功能。我们将涵盖以下几个方面: 1. **基本使用** - `&lt;select&gt;`标签的基本结构:`&lt;select&gt;&lt;/select&gt;`,其中可以...

    js select省市区三级联动菜单代码

    这个功能通过三个下拉菜单(通常是省、市、区)实现,当用户在第一级菜单(省)中选择一个选项时,第二级菜单(市)会自动更新对应省的市列表;同样,当用户在市菜单中选择后,第三级菜单(区)会显示选定市的区列表...

    省市县三级级联select

    例如,当省级`&lt;select&gt;`改变时,可以发送一个Ajax请求到服务器,携带当前选中的省份ID,服务器返回该省的所有城市数据,然后前端用这些数据填充市级`&lt;select&gt;`。 - 动态生成选项:`jQuery`提供了便利的方法如`append...

    .net修改select的值

    主要是用C# js jquery等方法控制select控件的选择值等

Global site tag (gtag.js) - Google Analytics