Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

How to call single click event on click multiple button and select value in dropdown according to click button using JQuery

Anonymous User 2245 29 Sep 2014

call single click event and change value of dropdown list according to clicked button usin jquery

Ask by Anonymous User

Updated 29 Sep 2014

1 Answers

Anonymous User 29 Sep 2014

Hi ankit i'm try to solve your problem

here is my html code


<div class="container">
    <div class="row">
        <br /><br />
        <div class="col-md-1">
            <input type="button" value="Allahabad" class="selectcity btn btn-info" id="0"/>
        </div>
        <div class="col-md-1">
            <input type="button" value="Lucknow" class="selectcity btn btn-info" id="1"/>
        </div>
        <div class="col-md-1">
            <input type="button" value="Kanpur" class="selectcity btn btn-info" id="2"/>
        </div>
        <div class="col-md-1">
            <input type="button" value="Delhi" class="selectcity btn btn-info" id="3"/>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4" ><br /><br />
            <select id="ddl-jobcategory" style="width:100%;height:35px;">
                <option>Allahabad</option>
                <option>Lucknow</option>
                <option>Kanpur</option>
                <option>Delhi</option>
            </select>
        </div>
    </div>
</div>

and here is my jquery code

<script>
    $(document).ready(function () {
        $('.selectcity').click(function () {
            var index = $(this).attr("id");
            $('#ddl-jobcategory').prop("selectedIndex", index);
        });
    });
</script>

MindStick Training

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.