Связывание выпадающего списка для открытия информации с другой страницы на исходной странице

Question

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

Любая помощь будет принята с благодарностью.

Answer 1

вы можете использовать JQuery всплывающее окно для этого.Легко делать стильные всплывающие окна, которые привлекут внимание пользователей.Просьба обратиться по ссылке http://jqueryui.com/demos/dialog/ .U можно найти демо и код дер.Это легко.Пожалуйста, посмотрите на дер.

Answer 2

HTML

<select id="mySelect">
   <option value="">Select a Page</option>
   <option value="http://www.google.com">My Page</option>
</select>
<iframe id="myIframe"></iframe>

Затем вам нужно использовать javascript для привязки обработчика onChange к вашему полю выбора, который обновляет атрибут "src" в iframe

Javascript через JQuery:

$(function(){  

   $("#mySelect").change(function(){

      if($(this).val())
      {
          $("#myIframe").attr("src", $(this).val());
      }
      else
      {
         $("#myIframe").attr("src", null);
      }

   });

});

Если вы хотите вставить xml / html / text с другой страницы в DOM текущей страницы, вам нужно использовать AJAX, для начала я рекомендую ознакомиться с документацией jquery ajax:

$. Аякс