Как мне написать функцию JQuery для заполнения div из выбора HTML?

Question

Как мне написать функцию JQuery для заполнения div из выбора HTML?

0

Ниже приведена моя простая функция Javascript.

<html>
  <head>
    <script>
      $(document).ready(function() {
        $.get('getImage.php', function(data) {
          $('#imageSelector').html("<select>" + data + "</select>");
        });
      });
    </script>
  </head>
  <body>
    <div id="imageSelector">
    </div>

    <div id="imageArea">
    </div>
  </body>
</html>

Это скрипт PHP, используемый для получения данных.

<?php
  include 'connect.php';

  $sql = "SELECT products_id, products_image FROM products";
  $query = mysqli_query($dbc, $sql);
  while ($Array = mysqli_fetch_array($query, MYSQLI_ASSOC)) {
    $imageEcho .= '<option value=' . $Array['products_id'] . '>' . $Array['products_image'] . '</option>';
  }
  echo $imageEcho;
?>

Ниже приведена функция, используемая для завершения пути URL к изображению.

 function getImage(image) {
    document.getElementById("imageArea").innerHTML="<img    src=../eoas/images/"+image+" alt='' />";
}

Может быть, я не могу так поступать, но я думал, что посмотрю, узнает ли кто-нибудь.

user3512348 08 апр. 2014, в 22:17

Источник

0

$Array['products_image'] является публичной ссылкой на изображение?
Travis Hegner 08 апр. 2014, в 19:46
0

Здравствуйте, спасибо, что задали этот вопрос. Ниже приведена еще одна функция, которую я использую для завершения URL-адреса местоположения изображения. function getImage (image) {document.getElementById ("imageArea"). innerHTML = "<img src = .. / eoas / images /" + image + "alt = '' />"; }
user3512348 08 апр. 2014, в 21:12

Теги:

php

jquery

html

2 ответа

Ещё вопросы

$Array['products_image'] является публичной ссылкой на изображение?
Здравствуйте, спасибо, что задали этот вопрос. Ниже приведена еще одна функция, которую я использую для завершения URL-адреса местоположения изображения. function getImage (image) {document.getElementById ("imageArea"). innerHTML = "<img src = .. / eoas / images /" + image + "alt = '' />"; }

Brad Christie · Answer 1 · 2014-04-08T18-08-00.000Z

1

Пример использования API jsFiddle.

$.get('getImage.php',function(data){
    // data = '<option value=...>...</option><option ...>...</option>...';
    $('<select>').html(data).appendTo('#imageSelector');
});

Brad Christie 08 апр. 2014, в 18:08

0

Спасибо, я попробую использовать jsFiddle.
user3512348 08 апр. 2014, в 22:18
0

Здравствуйте, я опубликовал этот вопрос некоторое время назад, и с тех пор попробовал несколько различных методов создания выпадающего меню и нашел технику, которая работает. Теперь мне нужно передать выбранное значение из выпадающего меню, которое я создал с помощью следующего кода.
user3512348 24 апр. 2014, в 20:58
0

@ user3512348: Вам лучше создать новый вопрос с тем, что у вас есть. Покажите код, что вы пробовали, текущий результат и желаемый результат, и я уверен, что вы получите ответ. Но не делайте этого в этом вопросе, так как это, скорее всего, будет слишком запутанным.
Brad Christie 24 апр. 2014, в 21:12

Показать ещё 1 комментарий

xzirrow · Answer 2 · 2014-04-08T18-05-00.000Z

Вам нужно что-то вроде этого:

$(document).ready( function(){ 
       $.get("getImage.php", 
            function(data){ 
                  $( '#imageSelector' ).attr('src', data); 
       }); 
 });

Используйте инструменты разработчика Chrome, чтобы понять, какие данные находятся в ответе ajax.

Вот статья об этом

И было бы гораздо лучше использовать ответы JSON

живая демоверсия jsFiddle -но нельзя использовать img inside option
Привет, я новичок на этом форуме. Разрешено ли вставлять код в эти поля формы «Добавить комментарий»?