0 0

select option 默认选中5

这个select级联菜单是通过解析xml完成的
<script type="text/javascript">	
	$(document).ready(function(){
    	$.ajax({
     		url : "${request.contextPath}/xml/address.xml",
     		success : function(xml) {
      		$(xml).find("province").each(function(){
       			var t = $(this).attr("name");  
        		$("#DropProvince").append(
         		"<option>" + t + "</option>");
       			});
       			
     		}
    	});
    
	   	//二级的菜单
	   	$("#DropProvince").change(
	    	function() {
	       		$("#sCity>option").remove();
	       		var pname = $("#DropProvince").val();
	       		$.ajax({
	        		url : "${request.contextPath}/xml/address.xml",
	        		success : function(xml){
	         			$(xml).find("province[name='" + pname+ "']>city").each(function(){
	           				var c = $(this).attr("name")
	           				$("#sCity").append("<option>"+ c + "</option>");
	         			});
	        		}
	       		});  
			}	
	    );
	    //三级的菜单  
	    $("#sCity").change(
	    	function() {
	    		$("#sAddress>option").remove();
	    		var pname1 = $("#sCity").val();
	       		$.ajax({
	        		url : "${request.contextPath}/xml/address.xml",
	        		success : function(xml) {
	         			$(xml).find("city[name='" + pname1+ "']>address").each(function(){
	         				var d = $(this).attr("name")
	            			$("#sAddress").append("<option>"+ d + "</option>");
	           			});
	        		}
	       		});
			}
	    );
 	});
</script>

下面是显示菜单
<tr>
					<td align="center">市:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select id="sCity" name="city"><option>请选择</option></select></td>
				</tr>
				<tr>
					<td align="center">区/县:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select id="sAddress" name="address"><option>请选择</option></select></td>
				</tr>

我要修改数据的时候,要把修改前的数据代出来。 比如现在在数据库中查处 省是黑龙江 市是哈尔滨 区是南岗区
怎样让select自己默认选择省市区。谢谢
2012年8月21日 13:49

2个答案 按时间排序 按投票排序

0 0

解析的时候判断修改前的值,相等append<option selected>否则就不选定。就是append之前比较一下。

2012年8月21日 21:19
0 0

获取修改之前的 option value 当然了,你的xml中需要有设置,
1.在返回xml中标识之前选择的值
2.可以url后最佳参数 例如:请求xml路径后添加一个标识符。

2012年8月21日 14:58

相关推荐

    select将选中的option设置为默认选项

    本文将详细介绍如何使用JavaScript将指定的`&lt;option&gt;`设置为默认选中。 首先,我们需要了解`&lt;select&gt;`和`&lt;option&gt;`的基本用法。`&lt;select&gt;`元素包含一个或多个`&lt;option&gt;`,用户可以在这些选项中进行选择。例如: ``...

    struts2实现页面select标签默认选中

    在Struts2框架中,实现页面`&lt;select&gt;`标签默认选中的功能是非常实用且常见的需求。这不仅可以提高用户体验,还能让界面看起来更加专业。本文将详细介绍如何通过Struts2的相关标签来实现这一功能。 ### Struts2框架...

    option的value比较来确定select默认选中项

    下面将详细介绍如何通过`option的value`比较来确定`select`的默认选中项,并结合HTML和JavaScript的相关知识进行深入探讨。 1. HTML基础 在HTML中,`&lt;select&gt;`元素创建一个下拉列表,通过`&lt;option&gt;`标签添加选项。...

    js动态设置select下拉菜单的默认选中项实例

    在这篇文章中,我们将介绍如何使用JavaScript来动态设置select下拉菜单的默认选中项。这个过程对于Web开发人员来说是非常常见的需求,尤其是在需要根据不同的条件来显示不同的下拉菜单选项时。 首先,我们需要了解...

    js获取select默认选中的Option并不是当前选中值

    js函数方法: 代码如下: [removed]... try { opts = document.getElementById(selectId).getElementsByTagName(‘option’); for (var i in opts) { if (opts[i].defaultSelected) { dom = opts[i]; break; } } } catch

    Html Select option 如何进行默认选择

    当你需要在页面加载时预设一个选项为默认选中状态,你可以通过在相应的`&lt;option&gt;`标签中添加`selected`属性来实现。在提供的描述和代码示例中,我们看到如何设置"通过"为默认选中的选项。 首先,让我们深入了解一下...

    jquery获得select option值

    通过直接访问DOM对象,可以设置下拉列表的默认选中项。 3. **使用`.val()`方法**: ```javascript var selectedValue = $('#sel').val(); ``` `.val()`方法也可以用于获取下拉列表的选中值,这是最常用的获取...

    laravel-admin select框默认选中的方法

    laravel-admin后台框架的select选择框的默认选中,结合select2的js插件; 文档http://laravel-admin.org/docs/#/zh/model-form-fields?id=select选择框; 文档里面没有看到这个默认选中的属性,也可能是我没有找到;...

    elementUI select组件默认选中效果实现的方法

    总的来说,要实现Element UI `select`组件的默认选中效果,关键在于确保`v-model`绑定的变量值与需要默认选中的`el-option`的`value`属性相匹配。通过合理地设置`data`中的初始值,我们可以轻松实现这一功能。同时,...

    vue中select的使用以及select设置默认选中.docx

    在Vue.js中,`&lt;select&gt;`元素的使用和设置默认选中是一个常见的需求,尤其是在处理表单和数据绑定时。本文将详细解析如何在Vue中正确地使用`&lt;select&gt;`并设置默认选中的选项。 首先,`&lt;select&gt;`元素通常与`v-model`...

    Vue下拉框回显并默认选中随机问题

    在ElementUI的select组件中,v-model绑定的值应当与某个具体的option元素的value属性值一致,这样才能正确地显示默认选中的状态。 出现回显随机问题的一个常见原因是数据加载的时机和顺序。如果在页面加载时进行了...

    vue select二级联动第二级默认选中第一个option值的实例

    Vue Select 二级联动第二级默认选中第一个 Option 值的实例详解 在本篇文章中,我们将详细介绍 Vue Select 二级联动第二级默认选中第一个 Option 值的实例。该实例具有很好的参考价值,希望对大家有所帮助。 知识...

    详解element-ui中el-select的默认选择项问题

    通过理解`v-model`的工作原理以及如何在Vue实例的`data`中初始化它,我们可以轻松地在Element-UI的`el-select`组件中实现预期的默认选中效果。在实际项目开发中,灵活运用这些知识能够提高用户体验,同时降低出错的...

    select获取下拉框的值 下拉框默认选中方法

    select获取下拉框的值和默认选中方法 select标签是HTML中常用的选择控件,用于让用户从多个选项中选择一个或多个选项。在实际开发中,我们经常需要获取select标签的值或将其默认选中某个选项本文将详细介绍select...

    angularjs的select使用及默认选中设置

    本篇文章将详细探讨如何在AngularJS中使用`select`以及如何设置默认选中项。 首先,`ng-model`是AngularJS的核心指令之一,用于双向数据绑定。在`select`元素中,`ng-model`用于指定当前选中的选项值。例如,在给定...

    Ant design vue中的a-select在动态给option赋值之后,placeholder失效.pdf

    在实际开发过程中,我们可能会遇到一个常见问题,即当动态地给`a-select`的`option`赋值后,其`placeholder`属性失效,不再显示默认提示文本。这个问题通常出现在数据异步加载的情况下,比如从服务器获取数据并填充...

    jQuery实现select下拉框菜单选中插件.zip

    为了使这个插件更具灵活性,我们可以添加更多的功能,比如默认选中第一个选项或最后一个选项,甚至支持通过文本而非值来选中选项: ```javascript $.fn.selectOption = function(byValueOrText, isByText) { this....

Global site tag (gtag.js) - Google Analytics