WordPress Загрузить форму помощи JavaScript

Question

У меня есть пользовательский шаблон с пользовательской панелью администратора, у меня есть загрузчик изображений с помощью WordPress Media Uploader в лайтбокс.

Вот структура:

textbox 1 - browse 1
textbox 2 - browse 2
textbox 3 - browse 3

Если я нажму на просмотр 1, всплывающее окно откроется, и если я нажму «вставить в сообщение», загрузчик мультимедиа исчезнет и вернет URL изображения.

Но проблема в том, что URL добавляет текстовое поле 3, и я нажимаю только на просмотр 1 ,. Мой ожидаемый результат, если я нажму кнопку обзора 1, он должен быть добавлен в текстовое поле 1 и т. Д.

Вот мой код

jQuery('.op_upload_image_button').each(function() {
    jQuery(this).click(function() {
        formfield = jQuery(this).parent().find('.op_upload_image').attr('name');
        tb_show('', 'media-upload.php?type=image&TB_iframe=true');
        return false;
    });
    window.send_to_editor = function(html) {
        imgurl = jQuery('img',html).attr('src');
        jQuery('.op_upload_image').val(imgurl);
        tb_remove();
    }
});

Answer 1

jQuery('.op_upload_image_button3').click(function() {
    jQuery(this).click(function() {
        formfield = jQuery(this).parent().find('.op_upload_image3').attr('name');
        tb_show('', 'media-upload.php?type=image&TB_iframe=true');
        return false;
    });

    window.send_to_editor = function(html) {
        imgurl = jQuery('img',html).attr('src');
        jQuery('.op_upload_image3').val(imgurl);
        tb_remove();
    }
});

Просто измените имя класса для кнопки и класса текстового поля.

Answer 2

Не уверен из вопроса, но мне интересно, если это так, потому что все три текстовых поля .op_upload_image и этот бит jQuery('.op_upload_image').val(imgurl); ссылается на последнее текстовое поле?