Блог

У меня есть этот код в скрипичном коде

У меня работает часть моего кода с изображением, где он будет менять изображение каждый раз, когда вы выбираете значение.

То, что я хочу отобразить, — это фактическое имя «Изображение 1» значения.. итак, изображение 1 и т.д.

Я прошел через stackoverflow и нашел несколько примеров, и я попытался их реализовать, но я не могу заставить его работать.

Короче говоря, когда вы выбираете значение… он покажет изображение, а в пустом div-файле будет отображаться имя

 $(document).ready(function() {

   $("#image").change(function() {
     $("#imagePreview").empty();
        $("#imagePreview").append("<img src=""   $("#image").val()    "" />");
   }).change();
 });

$('#image option:selected').text(); {

   $( "div" ).text( str );
}

<select name="image" id="image" class="inputbox" size="1">
   <option value="imageall.jpg" selected> - All - </option>
   <option value="image1.jpg">image1.jpg</option>
   <option value="image2.jpg">image2.jpg</option>
   <option value="image3.jpg">image3.jpg</option>
</select>

<div id="imagePreview">
   displays image here
</div>

<div></div>
  

РЕДАКТИРОВАТЬ: что-то вроде этого: ПРИМЕР

Попробуйте,

 $(document).ready(function () {
    $("#image").change(function () {
        $("#imagePreview").empty();
        $("#imagePreview").append("<img src=""   $(this).val()   "" />");
        $("div:last").text($('option:selected', this).text());
    }).change();
});
  

ДЕМОНСТРАЦИЯ