how to make click function in jquery?

Question

i have select input having id "slt" i want to pick innertext of value and assign its text to another div. i have a code from which i am getting its value now i want to make a onchange function when user change input value, the value should be assign to another div.

jQuery code:

var ch= $('#sltnew option:selected').html();
$('#catch').html(ch);

HTML:

<div id="catch">select city</div>;

<select name="sltnew" id="slt" onchange="change ()">
    <option value="opt1">hello</option>
    <option value="opt2">Option 2</option>
    <option value="opt3">Option 3</option>
    <option value="opt4">Option 4</option>
    <option value="opt5">Option 5</option>
    <option value="opt6">Option 6</option>
    <option value="opt7">Option 7</option>
    <option value="opt8">Option 8</option>
</select>

Rory McCrossan · Accepted Answer · 2012-02-29 13:51:49Z

3

Try this:

// on load
var ch = $('#sltnew option:selected').html();
$('#catch').html(ch);

// on change
$("#slt").change(function() {
    $('#catch').html($(":selected", this).html())
});

answered Feb 29, 2012 at 13:51

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

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

Comments

asawyer · Accepted Answer · 2012-02-29 13:52:29Z

2

I think you are looking for .change()

http://api.jquery.com/change/

$("#slt").change(function(){

    $('#catch').html($(this).val());

});

answered Feb 29, 2012 at 13:52

asawyer

17.8k8 gold badges63 silver badges92 bronze badges

Comments

Samuele Mattiuzzo · Accepted Answer · 2012-02-29 13:53:40Z

0

this maybe? the .change() method triggers as soon as the content of the "slt" is clicked. then you have to use the "selected" attribute (example in the link) to retrieve the value you need and process it

answered Feb 29, 2012 at 13:53

Samuele Mattiuzzo

11.1k5 gold badges41 silver badges64 bronze badges

Collectives™ on Stack Overflow

how to make click function in jquery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related