javascript - 动态更改 jquery 对话框的标题，未从选择下拉列表中获取缓存数据

Question

我有一个选择下拉列表，其中无论选择什么我希望在弹出的 jquery 对话框中显示名称，我遇到的问题是它似乎正在缓存/保留以前的值并且从不更改它。

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


    $('#dialog-module-add').dialog({
        autoOpen: false,
        closeOnEscape: false,
        modal: true,
        resizable: true,
        draggable: true,
        height: 680,
        width: 720,
        title: scenarioname
    });

是的，我看到了这篇文章，但是将代码放在 jsfiddle 中似乎并没有给我想要 的东西在 jQuery 中传递变量来更改对话框标题

Answer 1

也许：

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

Answer 2

也许当您更改option内部时select，它不会重新分配新scenarioname值。如果您为选择添加事件处理程序以重新分配怎么办scenarioname

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

在这里工作：http: //jsfiddle.net/TEjqM/3/