Загрузка контента на основе опции выбора

Question

Загрузка контента на основе опции выбора

0

У меня есть экран, который динамически загружает контент. Я использую Jquery load(); метод для получения данных на одном экране.

Теперь у меня есть поле со списком, и это будет контролировать содержимое экрана. Например: если я выберу параметр в раскрывающемся списке, загрузим файл...

В поле со списком:

<select class="stock_combo">
  <option value="select">Select a corridor</option>
  <option value="1">A1</option>
  <option value="2">A2</option>
  <option value="3">A3</option>
</select>

Выбранный вариант должен сделать следующее:

<script>
    $(document).ready(function(){
     $(".dangerarea").load("dialogs/stock/corridor1.php");
    });
</script>


<div class="dangerarea">

[ .php filles will be loaded here. ]

</div>

Как я могу поместить этот Javascript в каждый параметр, чтобы загрузить его немедленно?

Любая помощь будет высоко оценена.

Lucas Haas 13 март 2014, в 15:22

Источник

Теги:

javascript

jquery

html

select

load

1 ответ

Ещё вопросы

Dhaval Marthak · Accepted Answer · 2014-03-13T10-36-00.000Z

1

Лучший ответ

Вы должны использовать change() для размещения содержимого файла в соответствии с потребностями

$(".stock_combo").on("change",function(){
    var selected = $(this).val();
     $(".dangerarea").load("dialogs/stock/corridor" + selected + ".php");
});

Dhaval Marthak 13 март 2014, в 10:36

0

Хорошо, но как это назвать? Я должен поместить некоторый код onClick в каждую опцию HTML, верно?
Lucas Haas 13 март 2014, в 13:27
0

Это будет автоматически запущено, поскольку у нас есть change() . НЕТ необходимости добавлять событие щелчка по опции. он загрузит файл загрузки, как только вы выберете опцию.
Dhaval Marthak 13 март 2014, в 13:28
0

Понял. Каждый вариант должен иметь имя файла? Я пытался, но не сработало. <option value = "Коридор1"> 1 </ option>
Lucas Haas 13 март 2014, в 13:31
1

Разметка, которую вы разместили в вопросе, правильная! если вы хотите разметку, как указано выше, вы можете сделать как $(".dangerarea").load("dialogs/stock/" + selected + ".php")
Dhaval Marthak 13 март 2014, в 13:33
0

Таким образом, каждая опция должна иметь поле значения, имеющее 1,2,3,4,5 ... и имя файла должно соответствовать ему как file1, file2, file3, file4 ....
Dhaval Marthak 13 март 2014, в 13:34
0

Отлично! большое спасибо
Lucas Haas 13 март 2014, в 13:34
0

Добро пожаловать! Не забудьте пометить ответ как принятый;)
Dhaval Marthak 13 март 2014, в 13:35

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