Метод возвращает непредвиденную ошибку

У меня есть текстовое поле для отображения содержимого HTML из базы данных. Вот мой код:

<script type = "text/javascript">
  //<![CDATA[
  $('#cont').html('<?php echo $cont['0']['desc'];?>');
  $('#name').html('<?php echo $cont['0']['name'];?>');
  //]]>    
</script>

<textarea name = "cont" id = "cont"></textarea>
<textarea name = "name" id = "cont"></textarea>

Когда я пытаюсь загрузить контент динамически, #name работает отлично, но #cont показывает консольную ошибку, например:

Uncaught SyntaxError: Invalid or unexpected token

Это контент, который я пытаюсь загрузить на #cont.

<h3 style = "box-sizing: border-box; font-family: kozgopro-medium; font-weight: 500; line-height: 1.1; color: #014d7e; margin: 0px; font-size: 24px; padding: 5px 0px;">Coconut Oil</h3>
<h5 style = "box-sizing: border-box; font-family: kozgopro-medium; font-weight: 500; line-height: 1.1; color: #0091f0; margin: 0px; font-size: 16px; padding: 10px 0px 5px;">Extra Virgin / Premium</h5>

Спасибо за ответы

Идентификатор должен быть уникальным, никогда не должно быть двух id = "cont".

Carsten Løvbo Andersen 01.05.2018 11:48

Как выглядит содержимое тега script после заполнения PHP?

CertainPerformance 01.05.2018 11:49

Помимо повторяющихся атрибутов id, ошибка означает, что значение, которое вы выводите из PHP, содержит символ ', который нарушает разделители строк. Вам нужно экранировать этот символ в PHP

Rory McCrossan 01.05.2018 11:49

спасибо Андерсон и Рори, я использую уникальный идентификатор. Я обнаружил, что проблема находится внутри моего html, у него есть "или" была создана такая проблема, как преодолеть эту

Jothees pvj 01.05.2018 11:56
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
4
47
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

1. id должен быть уникальным для каждого элемента

2. Вы также можете использовать атрибут name в качестве селектора.

Итак, код должен быть: -

<script type = "text/javascript">
  $('textarea[name=cont]').html('<?php echo addslashes($cont['0']['desc']);?>'); 
  $('textarea[name=name]').html('<?php echo addslashes($cont['0']['name']);?>');
</script>

<textarea name = "cont"></textarea>
<textarea name = "name"></textarea>

Жестко запрограммированный рабочий фрагмент: -

$('textarea[name=cont]').html('hey how are you?');
$('textarea[name=name]').html('I am fine Man!');
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea name = "cont"></textarea>
<textarea name = "name"></textarea>

попробуйте вот так: - $('textarea[name=cont]').html('<?php echo addslashes($cont['0']['desc']);?>'); $('textarea[name=name]').html('<?php echo addslashes($cont['0']['name']);?>');

WM-SH-PD-TV-FC 01.05.2018 12:58

Другие вопросы по теме