Chciałbym podać ten kod warunki podczasproces sprawdzania poprawności formularza. Jeśli wartość wejściowa pola tekstowego listy ESN mieści się w zakresie od 1000 do 3000, chciałbym, aby rozwijana lista automatycznie wybrała STM3 poniżej, jeśli zakres wprowadzania liczb wynosi od 5000 do 9000, Chciałbym opcję Trackpack z rozwijanego menu, aby automatycznie wypełniać po użytkownik, na przykład wprowadź 6000 w polu wprowadzania tekstu, ponieważ jest to między 5000 a 9000 ..
P: Jak mogę uruchomić menu rozwijane po wpisaniu liczby w polu tekstowym w oparciu o warunek, na przykład zakresy między liczbami, które wywołają jedną z opcji rozwijanych z zaznaczonego znacznika?
<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>
Odpowiedzi:
0 dla odpowiedzi № 1Możesz to zrobić za pomocą funkcji setInterval. Polecam poczytać o tym tutaj: http://www.w3schools.com/jsref/met_win_setinterval.asp
Ponadto możesz znaleźć swoje rozwiązanie tutaj na jsfiddle: http://jsfiddle.net/PCB5d/
Poniżej znajduje się jednak kod:
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);
mam nadzieję, że to pomoże