Me gustaría dar las condiciones de este código durante elproceso de validación del formulario. Si el valor de entrada del campo de texto de la lista ESN está en el rango de 1000 a 3000, me gustaría que el menú desplegable seleccione automáticamente STM3 a continuación, si el rango de entrada del número está entre 5000 y 9000, Me gustaría que la opción Trackpack del menú desplegable se rellene automáticamente después de que un usuario, por ejemplo, ingrese 6000 en el campo de entrada de texto porque está entre 5000 y 9000 ..
Q: ¿Cómo puedo activar el menú desplegable después de escribir un número en el campo de texto basado en una condición, como los rangos entre números que activarán una de las opciones desplegables desde la etiqueta seleccionada?
<html>
<head> <title> Form </title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(":submit").click(function(e) {
$(":text").each(function() {
if($(this).val().length == 0) {
$(this).css("border", "2px solid red");
}
});
e.preventDefault();
});
</script>
</head>
<body >
<form id="provision">
ESNList: <input type="text" id="ESNList" name="ESNList" size="30" /> <br />
ESN Start:<input type="text" id="ESNStart" name="ESNStart" size="10" /> <br />
ESN End: <input type="text" id="ESNStart" name="ESNStart" size="10" /> <br />
UnitName:<input type="text" id="STxName" name="STxName" size="30" /> <br />
Unit Model: <select name="STxName">
<option value="stx2">STX2</option>
<option value="protopak">Protopak</option>
<option value="stm3" selected>STM3</option>
<option value="acutec">Acutec</option>
<option value="mmt">MMT</option>
<option value="smartone">Trackpack</option>
<option value="smartoneb" >SmartOneB</option>
<option value="audi">Acutec</option>
</select> <br />
RTU Model Type:
<select name="rtumodel">
<option value="globalstar">GlobalStar</option>
<option value="both">Both</option>
<option value="comtech">Comtech</option>
<option value="stmcomtech">STMComtech</option>
</select> <br />
<input type="submit" value ="submit" />
</form>
</body>
</html>
Respuestas
0 para la respuesta № 1Puedes lograr esto con la función setInterval. Te recomiendo que leas un poco sobre esto aquí: http://www.w3schools.com/jsref/met_win_setinterval.asp
Además, puede encontrar su solución aquí en jsfiddle: http://jsfiddle.net/PCB5d/
Posteriormente sin embargo aquí está el código:
function checkValues()
{
ESNList = jQuery("#ESNList").val();
jQuery("#ddl_StxName").val("stx2");
if((ESNList >= 1000) && (ESNList <= 3000))
{
jQuery("#ddl_StxName").val("stm3");
}
if ((ESNList >= 5000) && (ESNList <= 9000))
{
jQuery("#ddl_StxName").val("smartone");
}
// you should be able to follow the above and add your own conditions
}
function checkInput()
{
jQuery(":text").each(function (){
if (jQuery(this).val().length == 0)
{
jQuery(this).css("border", "2px solid red");
}
else
{
jQuery(this).css("border", "0");
}
});
}
setInterval(function () {checkInput();checkValues();}, 500);
espero que esto ayude