Dynamically change Title of jquery dialog with is not getting cached data from select dropdown

I have a select dropdown in which whatever is selected I wish to display the name in the jquery dialog that pops up, problem I am having it that it seems to be caching/keeping the previous value and never changing it.

    var scenarioname = '';
    scenarioname = $('#FileUploadScenarioID option:selected').text();

        autoOpen: false,
        closeOnEscape: false,
        modal: true,
        resizable: true,
        draggable: true,
        height: 680,
        width: 720,
        title: scenarioname

Yes, I see this article but putting that code in jsfiddle did not seem to give me what I am wanting Passing Variables in jQuery to Change a Dialog Title




$('#FileUploadScenarioID').on('change', function() {
    var title = $(this).find('option:selected').text();

Perhaps when you change the option within select it's not reassigning the new scenarioname value. What if you added an event handler for the select to reassign scenarioname

var scenarioname = '';
$("#FileUploadScenarioID").change(function () {
    $("#FileUploadScenarioID option:selected").each(function() {
        scenarioname = $(this).val();

Got something working here: http://jsfiddle.net/TEjqM/3/


Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.