forum

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

Ask Question

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

Anonymous User183129-Sep-2014
call single click event and change value of dropdown list according to clicked button usin jquery
jqueryjavascript jquery 
Updated on 29-Sep-2014
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Anonymous User

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>

Liked By