Drop down selection changed event

[Kevin King]

How does one handle the selection changed event for a single-select
drop down list?

I would imagine there is something we can bind it to like data-
bind="selectionChanged: changed" but I can't seem to figure out
exactly what it is.

Any help would be greatly appreciated!

Thanks,

Kevin

[rpn]

I am not sure about your exact scenario, but typically you would do something like this where you subscribe to an observable representing the value of the dropdown:

<select data-bind="options: choices, value: selectedChoice"></select>

var viewModel = {
    choices: ["one", "two", "three"],
    selectedChoice: ko.observable("two")
};

viewModel.selectedChoice.subscribe(function(newValue) {
   alert("the new value is " + newValue); 
});

If you really need the event, then you could do something like:

<select data-bind="event: { change: selectionChanged }">
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>

var viewModel = {
    selectionChanged: function(event) {
         alert("the other selection changed");  
    } 
};

Here is a sample with both: http://jsfiddle.net/rniemeyer/LBz6d/

 

[Kevin King]

Thanks dude, another great suggestion!

[anshu...@gmail.com]

But how do i get which element had changed?

[anshu...@gmail.com]

But how do i get which element had changed?