Динамическая загрузка html-формы с помощью jQuery не приводит к значениям <select>

Question

Динамическая загрузка html-формы с помощью jQuery не приводит к значениям <select>

0

Я запускаю Chrome 34 и разрабатываю небольшое приложение, использующее XAMPP на моем локальном хосте. После нажатия .load(path/file.stub.php) текста у меня есть jQuery, захватывающий фрагмент HTML, используя .load(path/file.stub.php). Случается, что форма отображается на странице, ярлыках и всех, за исключением того, что значения option в раскрывающемся списке select не отображаются. Они являются статическими и присутствуют в загружаемом фрагменте кода.

Вот jQuery:

$(document).ready(function () {

    $("#getStarted").on("click", function() {

        //Render create player form in content div
        $("#content").load("stubs/createPlayerForm.stub.php");
    });

});

Я запутался в том, почему это происходит, и у меня не было большой удачи. Попытайтесь решить эту проблему, так как трудно понять, как ее выражать. Заранее благодарим за чтение.

EDIT: использование jQuery 1.11.0 из Google Hosted Libraries.

armadadrive 05 май 2014, в 19:11

Источник

0

ваш php файл на стороне сервера возвращает полный HTML? как <опция> </ опция>
lampdev 05 май 2014, в 16:16
0

Покажите свои заглушки / createPlayerForm.stub.php
lampdev 05 май 2014, в 16:17
0

Я не буду вставлять всю вещь, но это в основном это (и теги работают, если это вставить в статический HTML-файл): <form id="foo" action="bar.php"> <label for="foo2">Foo2: </label><select id="foo2" name="foo2"><option name="bar2" value="Bar 2">Bar 2</option><input type="submit"/></select></form>
armadadrive 05 май 2014, в 16:21
0

Что делать, если вы проверяете элемент SELECT, когда он отображается на стороне клиента? Есть ли ОПЦИЯ в качестве контента?
A. Wolff 05 май 2014, в 16:22
0

@A. Wolff - Интересно, что .load () вводит <select> но закрывает его сразу, чтобы значения параметров, которые там есть, не были присоединены! Это известная проблема?
armadadrive 05 май 2014, в 16:24
0

Похоже, вы не отображаете верную HTML-разметку. Теперь нам нужно увидеть ваш соответствующий код на стороне сервера
A. Wolff 05 май 2014, в 16:25
0

Приношу свои извинения - был ошибочный /> первый тег выбора. Он отображался нормально, когда .load() статически, но .load() расширил его до полноценного закрывающего тега, который затем сделал теги <option> бесполезными.
armadadrive 05 май 2014, в 16:25
0

@armadadrive Я, вот и объясни, рад, что твоя проблема исправлена;)
A. Wolff 05 май 2014, в 16:26
0

Забавно, как это прекрасно работает в контексте статической страницы.
armadadrive 05 май 2014, в 16:26

Показать ещё 7 комментариев

Теги:

jquery

html

html-form

1 ответ

Ещё вопросы

ваш php файл на стороне сервера возвращает полный HTML? как <опция> </ опция>
Покажите свои заглушки / createPlayerForm.stub.php
Я не буду вставлять всю вещь, но это в основном это (и теги работают, если это вставить в статический HTML-файл): <form id="foo" action="bar.php"> <label for="foo2">Foo2: </label><select id="foo2" name="foo2"><option name="bar2" value="Bar 2">Bar 2</option><input type="submit"/></select></form>
Что делать, если вы проверяете элемент SELECT, когда он отображается на стороне клиента? Есть ли ОПЦИЯ в качестве контента?
@A. Wolff - Интересно, что .load () вводит <select> но закрывает его сразу, чтобы значения параметров, которые там есть, не были присоединены! Это известная проблема?
Похоже, вы не отображаете верную HTML-разметку. Теперь нам нужно увидеть ваш соответствующий код на стороне сервера
Приношу свои извинения - был ошибочный /> первый тег выбора. Он отображался нормально, когда .load() статически, но .load() расширил его до полноценного закрывающего тега, который затем сделал теги <option> бесполезными.
@armadadrive Я, вот и объясни, рад, что твоя проблема исправлена;)
Забавно, как это прекрасно работает в контексте статической страницы.

armadadrive · Answer 1 · 2014-05-05T14-19-00.000Z

Как оказалось, в конце открытого <select> был ошибочный / например, <select name="foo" id="foo"/>

Несмотря на то, что этот сниппент был отлично отображен в Chrome 34 при статической HTML-странице, .load() jQuery .load() превратила это в: <select name="foo" id="foo"></select> который явно не отображался правильно так как это означало, что значения <option> ниже были неправильно привязаны к элементу select.