search

Home >Web Front-end >HTML Tutorial >input获取select中的值_html/css_WEB-ITnose

input获取select中的值_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:23:221034browse

input显示到select的值并且重新选择修改input中的值
现在显示的是这种效果： 



<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%><%@ taglib prefix="s" uri="/struts-tags"%><%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%><%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script language="javascript"	src="<%=request.getContextPath()%>/js/jquery-1.6.2.js"	type="text/javascript"></script><script type="text/javascript"	src="<%=request.getContextPath()%>/js/jquery.zoomy1.2.min.js"></script><script type="text/javascript"	src="<%=request.getContextPath()%>/js/artDialog/artDialog.4.1.4.js?skin=default"></script><script type="text/javascript"	src="<%=request.getContextPath()%>/js/artDialog/iframeTools.4.1.4.js"></script><script type="text/javascript"	src="<%=request.getContextPath()%>/js/pageToolbar2.js"></script><script type="text/javascript"	src="<%=request.getContextPath()%>/js/Explorer.js"></script><script type="text/javascript"	src="<%=request.getContextPath()%>/js/jquery.preload.min.js"></script><link rel="stylesheet" type="text/css"	href="<%=request.getContextPath()%>/css/main.css"><link rel="stylesheet" type="text/css"	href="<%=request.getContextPath()%>/css/pubuliu/wordpress.css"><script type="text/javascript"	src="<%=request.getContextPath()%>/js/autoscroll.js"></script><script type="text/javascript">	function province(provinceID) {		var currentTime = new Date().getTime();		$				.ajax({					url : 'ajaxAction.action?code=520&paramMap.provinceID='							+ provinceID + '&suiji=' + currentTime,					type : 'post',					timeout : '60000',					data : Array(),					dataType : 'json',					beforeSend : function(request) {					},					complete : function(request, textStatus) {					},					success : function(jsonData, textStatus) {						if (textStatus == "success") {							$("#paramMapcity").html(									'<option value=""">请选择城市</option>');							for (var i = 0; i < jsonData.test.length; i++) {								var c_id = jsonData.test[i].c_id;								var c_name = jsonData.test[i].c_name;								var option=$("<option value='"+c_id+"'></option>");								option.html(c_name);								$("#paramMapcity").append(option);							}														var h=$("#add").val();							h=h+$("#paramMapprovince").find("option:selected").text().trim();							$("#add").val(h);													}					},					error : function(request, textStatus, error) {					}				});	}	function region(cityID) {		var currentTime = new Date().getTime();		$.ajax({			url : 'ajaxAction.action?code=521&paramMap.cityID=' + cityID					+ '&suiji=' + currentTime,			type : 'post',			timeout : '60000',			data : Array(),			dataType : 'json',			beforeSend : function(request) {			},			complete : function(request, textStatus) {			},			success : function(jsonData, textStatus) {				if (textStatus == "success") {					$("#paramMapregion").html(							'<option value=""">请选择地区</option>');					for (var i = 0; i < jsonData.test.length; i++) {						var r_id = jsonData.test[i].r_id;						var r_name = jsonData.test[i].r_name;						$("#paramMapregion").append(								'<option value="'+r_id+'">' + r_name										+ '</option>');					}					var h=$("#add").val();					h=h+"、"+$("#paramMapcity").find("option:selected").text().trim();					$("#add").val(h);									}			},			error : function(request, textStatus, error) {			}		});	}	function showregion() {		var h=$("#add").val();		h=h+"、"+$("#paramMapregion").find("option:selected").text().trim();		$("#add").val(h);	}	</script></head><body>	<table align="center" border="1" cellpadding="0" cellspacing="0">		<tr>			<td colspan="3"><h1>请选择城市</h1></td>		</tr>		<tr>			<td><select id="paramMapprovince" name="paramMap.province"				onchange="province(this.options[this.options.selectedIndex].value)">					<option value="0">请选择省份</option>					<s:iterator value="initMap.funcView" var="list">						<option value="<s:property value="#list.p_id"/>">							<s:property value="#list.p_name" />						</option>					</s:iterator>			</select></td>			<td><select id="paramMapcity" name="paramMap.city"				onchange="region(this.options[this.options.selectedIndex].value)">					<option value="0">请选择城市</option>			</select></td>			<td><select id="paramMapregion" name="paramMap.region"				onchange="showregion()">					<option value="0">请选择地区</option>			</select></td>		</tr>		<tr>			<td colspan="3"><input type="text" value="" id="add" name="add" onclick="show()" disabled="disabled"></td>		</tr>	</table></body></html>


回复讨论(解决方案)

求大神 ！！！

写个函数直接读取select的值，ajax success 统一调用这个

写个函数直接读取select的值，ajax success 统一调用这个

具体怎么写啊？？？

写个函数直接读取select的值，ajax success 统一调用这个

 谢谢 已解决
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：css的学习_html/css_WEB-ITnoseNext article：CSS当中color的四种表示方法_html/css_WEB-ITnose

Related articles

See more