Question

I have three radio button

<input type=radio id=pp />Product
<input type=radio id=pr />Price
<input type=radio id=bb />both

So if I click on product it is showing me product, if I select price it is showing price of product , if both showing both price and product for the product which i enter in text box.

What I want if I am using only keyboard , I type some prefix in text box like pp for product , pr for price and bb for both. So if pp then radio Product should get selected and others de-select. want same for others

Answer 1

this you can easily achieve with jQuery.

have same name or class for all textbox which you want to run the functionality and make following code

$(function() {
    $(".classnameoftextbox").change(function() {
        var txtVal = $(this).val();
        try  {
            $("#"+ txtVal).attr('selected', true);
        }
        catch(ex)  {}
    });
});