как поместить изображение в выпадающие строки в php - PullRequest
Новая
       14

как поместить изображение в выпадающие строки в php

1 голос
/ 18 марта 2019

Я пытаюсь поставить флаг страны напротив соответствующего кода страны, например, при регистрации в Gmail, что-то вроде этого:

enter image description here

Я пробовал с img srcи background, но изображения не видны. У меня есть таблица в mysql с ISO, названием страны, кодом.Я пытаюсь использовать https://ipdata.co/flags API для заполнения флага.Мой код: 

<select Emp Name='NEW'>
        <option value="">--- Select ---</option>
                 <?
            $list=mysqli_query($con,"select * from country");
        while($row_list=mysqli_fetch_assoc($list)){
            $display="+".$row_list['phonecode']."-".$row_list['name'];
            $flag=$row_list['isosmall'];
            ?>
            <option style="background-image:url(https://ipdata.co/flags/<?php echo $flag;?>.png);"></option>
               // <option value="<img src="https://ipdata.co/flags/<?php echo $flag;?>.png"/></option>
               // <? echo $display; ?>"</option><? if($row_list['iso']==$select){ echo "selected"; } ?>
                                    // <?//echo $row_list['name'];
                                     //echo $display;?>
                </option>
            <?
            }
               ?>
        </select>

1 Ответ

1 голос
/ 18 марта 2019

Вы можете сделать это с помощью этого плагина jquery и заменить его данными:

HTML: 

<html>
<head>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.selectboxit/3.8.0/jquery.selectBoxIt.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.selectboxit/3.8.0/jquery.selectBoxIt.min.js"></script>
</head>
<body>
<select class="country" name="wcpbc-manual-country" id="country">
        <option value="AU" data-iconurl="https://aus.merchnow.com/img/location-aus.png">AU some text</option>
        <option value="IN" data-iconurl="https://images0.voylla.com/flags/inr.gif">IN some text</option>
</select>
</body>
</html>

JS: 

 $("#country").selectBoxIt();

Пример JSFiddle

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...