Loading...

Search jQuery

Search

jQuery Forum

Getting Started

Select an option when input change

in Getting Started • 5 years ago

I want to select an option when I insert a value into an input. Here's my HTML:

<input type="text" id="point" />
<select id="passed">
<option value="2"> -- Choose --</option>
</select>

And here is the JS:

$(document).ready(function () {
$("#point").change(function () {
var val = $(this).val();
if (val === 0 && val < 60) {
$("#passed").html("<option value='0' selected='selected'>Not passed</option>");
} else if (val >= 60 && val === 100) {
$("#passed").html("<option value='1' selected='selected'>Passed</option>");
}
});
});

Please help me to achieve this.

1

Replies(2)

jakecigar

Re: Select an option when input change

5 years ago

$(document).ready(function () {
$("#point").change(function () {
var val = +$(this).val(); // the + makes it a number.
if (val > 0 && val < 60) { // it can't be === 0 and < 60
$("#passed").html("<option value='0' selected='selected'>Not passed</option>");
} else if (val >= 60 && val <= 100) { // same
$("#passed").html("<option value='1' selected='selected'>Passed</option>");
}
});
});

https://jsfiddle.net/jakecigar/0bs8655d/ <--

JΛ̊KE

coldfusionguy

Re: Select an option when input change

5 years ago

Hello,

Not exactly sure what you are doing but for this:

if (val === 0 && val < 60) { //Only true when val EQUALS zero

then you have;

else if (val >= 60 && val === 100) {//Only true when val EQUALS 100

Can you create a JS Fiddle of your code?

Jim