Ich möchte diesen Code während derValidierungsprozess des Formulars. Wenn der Eingabewert des ESN-Listentextfelds im Bereich von 1000 bis 3000 liegt, möchte ich das Dropdown-Menü STM3 automatisch auswählen. Ich möchte die Trackpack-Option aus der Dropdown-Liste auswählen, um automatisch ausgefüllt zu werden, nachdem ein Benutzer beispielsweise 6000 in das Texteingabefeld eingegeben hat, da er zwischen 5000 und 9000 liegt.
F: Wie kann ich das Dropdown-Menü auslösen, nachdem ich eine Zahl in das Textfeld eingegeben habe, die auf einer Bedingung basiert, wie Bereiche zwischen Zahlen, die eine der Dropdown-Optionen des select-Tags auslösen?
<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>
Antworten:
0 für die Antwort № 1Sie können dies mit der Funktion setInterval erreichen. Ich empfehle, dass Sie hier etwas lesen: http://www.w3schools.com/jsref/met_win_setinterval.asp
Außerdem finden Sie Ihre Lösung hier auf jsfiddle: http://jsfiddle.net/PCB5d/
Nachfolgend ist jedoch der Code:
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);
ich hoffe das hilft