Question

我的问题是我可以从我的数据库中获取from selenium import webdriver from selenium.webdriver.common.keys import Keys path_to_chromedriver = 'C:/Users/Me/chromedriver/chromedriver' browser = webdriver.Chrome(executable_path = path_to_chromedriver) browser.implicitly_wait(10) # Here you set it url = 'https://lifeinsurance.rac.com.au/rac/get-a-quote?productid=51' browser.get(url) ...标记的值，但我无法弄清楚如何使用它来使用ajax和php填充另一个下拉列表？（我不是要创建选择下拉列表）

我有2个下拉列表，第一个下拉列表是选择MOVIE，第二个下拉列表是选择DATE。因此，当我选择MOVIE时，第二个下拉列表将填充我选择的MOVIE的日期。

我找到了一个使用<li>代码和<select>代码的解决方案。但是，这并没有真正解决我的问题。我真正想要做的是将图像添加到我的下拉列表中。

那么如何使用下拉列表中的<option>代码和<ul>代码完成此操作？

以下是我的代码：

HTML：

<li>

使用Javascript：

////////////////select movie//////////////////

          <div class="select_movie" style="float:left;">
                <div class="nice-select dropdown-toggle" id="selectmovie"  data-toggle="dropdown" tabindex="0" style="margin-left: 200px;  margin-top: 29px;"><span class="current">Select Movie</span>
                    <ul class="dropdown-menu scrollable-menu ul_movie" id="m_movie" >
                        <?php
                        $sql = "SELECT id,name,date,time,image FROM movie";
                        $res = mysqli_query($conn, $sql);
                        if(mysqli_num_rows($res) > 0) {
                            while($row = mysqli_fetch_object($res)) {
                                echo '<li data-value="' . $row->id . '"class="option"  style="margin-top:10px; margin-bottom:10px;"><img src="' . $row->image . '" style="width:50px; height:80px; margin-right:10px;">' . $row->name . '</li>';

                            }
                        }

                        ?>
                    </ul>
                </div>
         </div>

////////////////select date//////////////////

  <div class="select_date" style="float:left">
                <div class="nice-select dropdown-toggle" data-toggle="dropdown" tabindex="0" style="margin-left: 150px;  margin-top: 29px;"><span class="current">Select Date</span>
                    <ul class="dropdown-menu scrollable-menu ul_date" id="selectdate"  >

                    </ul>
                </div>
            </div>

PHP：

<script>
    $(document).on('click', '.ul_movie li', function () {
//        alert('movie');
        var movie_id = $(this).attr('data-value');
        console.log(movie_id)
        if(movie_id !== "") {
            $.ajax({
                url:"get_datetime.php",
                data:{m_id:movie_id},
                type:'POST',
                success:function(response) {
//                    var resp = $.trim(response);
                    $('.ul_date li').html(response);
                }
            });
        }
        else {
            $('.ul_date li').html("<li value=''>------- Select --------</li>");
            alert("tghhh") ;
        }
    });
</script>

Answer 1

使用$(document).ready (function(){ $('#zendesk_field_zen_subject input').val('Faulty Item') +' '+ $('#45354949').val(); });代替$('#selectdate').html(response);

从第一个下拉列表中选择后，如何将li值填充到另一个下拉列表中？

1 个答案: