从 xml 中提取数据时，文本字段不会更新

Question

好的，我有一个选择下拉菜单，下面是一个文本字段。如果我填充一个静态文本字段并单击其选项，我想用选择下拉列表中选择的值填充文本字段。它工作正常。 这是一个

DEMO

现在我正在从 xml 中提取下拉选择选项，当我再次使用它在单击其选项时更新我的​​文本字段时，它不起作用；

这是DEMO

我知道在第二个演示中，xml 不在正确的位置，但我已经在本地机器上测试过，但它不起作用。

感谢任何帮助。 谢谢

Answer 1

我假设您实际上是在使用多项选择。如果是这样，只需将处理程序绑定到 select 元素即可：

$(".generalTemplate").click(function() {
    var su = $(this).find(':selected').text();
    $("#sub").val(su);
});

这会在单击时找到选定的元素，并且在插入后不需要绑定到单个 option 元素。

如果您不使用复数，则需要绑定到 change 事件。

$(".generalTemplate").change(function() {
    var selected = $(this).find(':selected');
    if( selected.index() > 0 ) {
        var su = selected.text();
        $("#sub").val(su);
    }
});

最终，发生的事情是 异步 AJAX 调用正在执行其回调函数在您运行代码以绑定处理程序之后。

换句话说，代码在执行之前不会等待 AJAX 响应到达。通过绑定到 select 本身，您知道它已经在文档中可用，因此不存在同步问题。

Answer 2

你可以试试live:

$(".generalTemplate >option").live("click",function() {


                    var su = $(this).text();
                    $("#sub").val(su);
                });