对话框内的Jquery事件

时间:2012-09-17 11:54:39

标签: jquery user-interface

我有一个jquery对话框,如果被触发,显示要完成和提交的几个输入字段,我有一个选择下拉,我想将所选值的函数链接到文本区域应该用自定义文本填充taxtarea的含义。我的问题how to declare a .change event inside of dialog? how to declare <textarea>$variable_text</textarea>

我尝试了什么

// Init Dialog
    $('a.open_dialog').click(function() {
        $('<div />').appendTo('body').load($(this).attr('href')).dialog({
            title: $(this).attr('title'),
            modal: true,
            draggable: false,
            width: 800,
            position: 'top'            
        });
        $('select#state').change(function() {
           // assign the value to a variable, so you can test to see if it is working
            var selectVal = $('select#state :selected').val();
            var emailMessage = 'lorem Ipsume dolores macus nacus';
            $("textarea#EmailMessage").val(emailMessage);
            alert( $("textarea#EmailMessage").val(emailMessage));
        });


        return false;
    });

1 个答案:

答案 0 :(得分:0)

你还没有说明什么不起作用。我可以建议的一件事是修改如何提取下拉元素的“选定”值。

var selectVal = $('select#state').val();

无需指定“selected”选项,因为<select>元素只能有一个值。当然,这是假设它不是多选。

您可能想要尝试的另一件事是使用on()函数而不是change()函数。如果要将这些元素动态添加到文档中,change()函数可能不会触发,因为在解析代码时,该元素尚未出现在页面上。

$('select#state').on('change',function() {
  ...
});