Question

I am having multiple dropdownlists in my aspx page. Reletively I am populating all the dropdownlists one by one. The last dropdown list selected value should be returned to the calling environment when I click on the button. For that I added a script tag in aspx page and written a function which is working as onClick event. Please explain me how to create the event with that value and fire using fireEvent method. If it is not possible through fireEvent method please suggest any other way.

Answer 1

What do you mean by “returned to the calling environment”? If you want to show the selected value ,just use

var e = document.getElementById("ddl");
var valueddl= e.options[e.selectedIndex].value;

To bind the value

function fireEvent(element,event){
    if (document.createEventObject){
    // dispatch for IE
    var evt = document.createEventObject();
    return element.fireEvent('on'+event,evt)
    }
    else{
    // dispatch for firefox + others
    var evt = document.createEvent("HTMLEvents");
    evt.initEvent(event, true, true ); // event type,bubbling,cancelable
    return !element.dispatchEvent(evt);
    }
}

[html]
<input type="text" id="test">
<input type="text" id="testafterfired">
<script>
obj = document.getElementById("test");
Event.observe(obj,'change',function(){var e = document.getElementById("ddl");
var valueddl= e.options[e.selectedIndex].value;document.getElementById("testafterfired").value=valueddl;});
obj.fire('change');

</script>
[/html]