Question

已将其标记为重复项，但为澄清起见，我不想在其上再运行jquery click函数。我只是希望通过选择来选择可用的下拉菜单，我的意思是像常规下拉菜单一样选择它。

我目前正在像这样从一些动态数据中添加一些li元素。

$(document).ready(function() {

      $('#size li').click(function() {

            if ($(this).text() != '') {
              // var select = $(".dynamic li").closest("ul").prop("id");
              // var value = $(this).text();
              // var dependent = $(this).closest('ul').data('dependent');
              // var _token = $('input[name="_token"]').val();
              var productId = $(this).attr("value");

              // here we'll make ajax call to post details of dropdown and get new data
              $.ajax({
                    url: "{{ url('product_details/fetch/productId') }}".replace("productId", productId),
                    dataType: "json",
                    success: function(result) {
                        // clear the drop downs so no data will be there
                        $("ul[data-dependent='quantity']").empty();

                        // add quantity drop down based on selected size
                        $.each(result.productQuanties, function(i, item) {
                          $("ul[data-dependent='quantity']").append("<li value=" + item.quantity_name + "><span>" + item.quantity_name + "</span></li>");
                        })

这会附加到一个空的下拉列表ul中，而dom中可见的html代码是这样的：

<li value="25"><span>25</span></li>
<li value="50"><span>50</span></li>
<li value="100"><span>100</span></li>
etc.

这显示在我的网页上。但是，当我选择li时，什么也没有发生。没什么意思，我的意思是下拉列表的显示方式与单击任何内容之前相同。数据仍然存在，但未显示为选定状态。

对我来说，预期结果是单击它，并且保持点击状态。

jQuery的追加李列表无法选择

0 个答案: