change dropdown selected value based on textbox value in jquery

Question

I have a textbox and selected option list of 4 options like below...

<select id="select2" class="form-control">
                <option value="pre">Pre</option>
                <option value="rep" selected="selected">Rep</option>
                <option value="new">New</option>
                <option value="dec">Dec</option>
              </select>

and a textbox where user input some keywords and based on keywords i want to change selected option in above option list

<td id="fpv_col1"  contenteditable="">decorating and repair work</td>

main value for selction comes from php and ajax based on user input so i just want to set selected value in above option list

below is my jquery code

$(document).on('keyup', '#fpv_col1', function(event) {
    var desc_text = $(this).text();
    $.ajax({
            url: 'php/fpv_lbyl_prediction.php',
            type: 'POST',
            data:{
                    value1:desc_text,

            },
            dataType:'text',
            success: function(data){
                $("#error_msg").fadeIn();
                $("#error_msg").html("<strong>Success!</strong> "+data);
                //$('select#select2 option').removeAttr('selected');
                //$('select#select2').find('option[value='+data+']').attr("selected",true);

                $('select#select2 option').removeAttr('selected').filter('[value='+data+']').attr('selected', true);  
            }
        });

event.preventDefault();

});

my jquery code works fine, it set selected option but not displaying selected option, it saw using inspect

Are you using any plugin such as select2? have you tried $('#select2').val(data);? — Satpal
– Satpal, Commented Oct 20, 2016 at 9:09

H. Pauwelyn · Accepted Answer · 2017-01-03 08:48:24Z

1

$(document).ready(function() {
  $('#otherCategory').keyup(function() {
    if ($(this).val() == 0) {
      $('#category').val(1);
    } else if ($(this).val() > 0) {
      $('#category').val(2);
    } else {
      $('#category').val(0);
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="category" name="category">
  <option value="0">Please select</option>
  <option value="1">Clear</option>
  <option value="2">UnClear</option>
</select>

<input type="text" id="otherCategory" name="otherCategory">

edited Jan 3, 2017 at 8:48

H. Pauwelyn

14.4k28 gold badges93 silver badges164 bronze badges

answered Jan 3, 2017 at 7:15

dhana mounika

336 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

change dropdown selected value based on textbox value in jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related