ajax obtener el valor por defecto en el selecto

PS: reciente proyecto de cambio de insectos, encuentran problemas de front-end, pasó mucho tiempo para averiguar los problemas aquí para ser un récord. Evitar el mismo problema. Sólo para compartir, para evitar que el pozo escalonado. . .
Escena: La página muestra una columna de datos; seleccionar una columna, haga clic en Editar, saltar a la página de edición, un valor de la propiedad se muestra en la página de edición de cuadro de selección de columna. (Seleccione el valor predeterminado)

En primer lugar, el uso del conocimiento hasta el punto

  1. ajax
    proyectos aplicados a menudo ajax a datos de la solicitud, los datos de fondo aceptadas para su visualización en el primer plano.
    Ajax es una solicitud asincrónica, los datos de carga locales, y las peticiones de URL, la página no se actualiza. Sin embargo, a petición podemos controlar a través asíncrono atributo síncrona y asíncrona.
    La diferencia principal con la síncrono asíncrono:
    la sincronización se puede definir por el cambio de los valores de las variables externas,
    asíncrono eficiencia de carga se puede mejorar

  2. Asíncronos y síncronos
    asíncrono: Ajax no afecta a cargar la página entera, y las cargas del navegador equivalentes a las acciones del usuario o ir separados, independientes entre sí, reflejan Caton que no habría ningún punto de vista de la sensación de usuario como si nada hubiera pasado.
    Sincronización: Entonces y asíncrona cambio, él y cargado en la misma línea, por lo que el tío cruzó la carretera, y luego volver a la gente, es decir, cargado, y así todo el proceso se detiene, que se suspende la animación estado.

  3. seleccione la casilla de soltar a los valores predeterminados establecidos

$("#fwtxxmbUpdateTemp select[name='type']").attr("value",type);

En segundo lugar, los ejemplos de proyectos

  1. datos de solicitud de ajax en la página de edición se abre, habrá una caja desplegable dinámico
var typename="";
var typecode="";
function qeuryTempletnameList(){
	$.ajax({
		url: XXXX,  //请求地址
		type: "POST",
		async:false,    // 设置成同步,typename,typecode外部变量才能接受值
		dataType: "json",
		success : function(data){  
			 var datas = data.data;
			 var optionstring ="";
             for (var i =0 ; i < datas.length ; i++) {                 
                 optionstring += "<option value=\"" + datas[i].TYPECODE + "\" >" + datas[i].TYPENAME + "</option>";  
                 typename = datas[i].TYPENAME;
                 typecode = datas[i].TYPECODE;
             }
             $("#type").html("<option value=\"\">--请选择--</option>" + optionstring);            
		}
	});
}

En el Insertar imagen describe aquí ajax
2. Haga clic en el programa es el predeterminado

$.open({
					title:title,
					width:"700px",
					height:"80%",
				    content:$("#xxx").html(),
				    btns:btns,
				    success : function(){	
				        qeuryTempletnameList();		    					    	
				    	var type = data.data.type;     //data.data是另个请求的返回的数据,在这里我没有写
				    	//通过设置value属性值,获取select值
                        $("#Temp select[name='type']").attr("value",type);	   	
				    }
	})

Efecto: // seleccionado por defecto a la página del editor de datos de la página de la lista
Aquí Insertar imagen Descripción

Publicado 16 artículos originales · ganado elogios 3 · Vistas 540

Supongo que te gusta

Origin blog.csdn.net/outdata/article/details/98956481
Recomendado
Clasificación