2013-05-30 5 views
-1

Я борюсь с javascript в эти дни, я хочу создать динамический элемент add/remove с помощью java-скрипта, и я наткнулся на следующий сайт, но следующий пример не работает для меня, вы знаете, что не так в примере?javascript example add remove element

Adding and Removing Elements on the Fly Using JavaScript

Я имею вопрос в следующей строке, который я нашел с помощью инструмента

var html = '<input type="file" name="uploaded_files[]" /> ' + 
       '<a href="" onclick="javascript:removeElement('file-' + fileId + ''); return false;">Remove</a>'; 

Здесь хром разработчиков является скриншот Google инструмент разработчика Chrome

enter image description here

+0

И эта проблема будет ... какой? – Pointy

+0

«не работает» - это не то, с чем мы можем вам помочь. Более конкретно. Любые сообщения об ошибках? –

+0

Что такое 'file-' и почему он находится вне кавычек? – tymeJV

ответ

2

Вы должны избежать ваши котировки.

var html = '<input type="file" name="uploaded_files[]" /> ' + '<a href="" onclick="javascript:removeElement(\'file-\' + fileId + \'\'); return false;">Remove</a>';

+0

Спасибо! он работает :), но когда я добавляю более 2 элементов и удаляю два, удаляем остальные элементы .. это нормальное поведение? – Satish

+1

Это действительно зависит от того, как вы закодировали функцию удаления. Нет причин, по которым надлежащим образом написанный код должен делать то, чего вы не хотите! –

0

You может потребоваться избежать этих одинарных кавычек.

onclick="javascript:removeElement(\'file-\' + fileId + ''); return false;">Remove</a>'; 

Это то, что я хотел бы попробовать.

Вы хотите, чтобы кавычки были там, когда вы добавляете текст. Вы также будете иметь есть файлы, которые названы как этот

file-1 
    file-2 
+0

Не забывайте о других одинарных кавычках. –

+0

Вы правы, извините, я отредактирую –

+0

@Johnb - Не работает ошибка 'Uncaught SyntaxError: Неожиданная строка' – Satish

0

добавить addElement('files', 'p', 'file-' + fileId, html);

В конце AddFile() Помог ли?

Мы ничего не можем для вас сделать, если мы не будем иметь больше информации о вашей «проблемы»

быть более явным в описании.

+0

Прочитайте мой вопрос, у меня есть код для захвата из другого места. – Satish