Php cts（）{ $（“#篮子内容”）.empty（）；美元。每个（主篮子，功能（k，v）{ $（“篮子内容”）。追加（“+v+”）； }); } 向我们展示您迄今为止所做的尝试，以便我们能够帮助您。发布您的代码。@CodeGodie，谢谢，我现在将更新我的_Php_Jquery_Amazon_Cart

Php cts（）{ $（“#篮子内容”）.empty（）；美元。每个（主篮子，功能（k，v）{ $（“篮子内容”）。追加（“+v+”）； }); } 向我们展示您迄今为止所做的尝试，以便我们能够帮助您。发布您的代码。@CodeGodie，谢谢，我现在将更新我的

php jquery

Php cts（）{ $（“#篮子内容”）.empty（）；美元。每个（主篮子，功能（k，v）{ $（“篮子内容”）。追加（“+v+”）； }); } 向我们展示您迄今为止所做的尝试，以便我们能够帮助您。发布您的代码。@CodeGodie，谢谢，我现在将更新我的,php,jquery,amazon,cart,Php,Jquery,Amazon,Cart,cts（）{ $（“#篮子内容”）.empty（）；美元。每个（主篮子，功能（k，v）{ $（“篮子内容”）。追加（“+v+”）； }); } 向我们展示您迄今为止所做的尝试，以便我们能够帮助您。发布您的代码。@CodeGodie，谢谢，我现在将更新我的问题。根据您所做的选择，您可以创建一个新的ajax调用来创建您的“篮子”。Q:basket=$\u会话？@CodeGodie:请看我的update@mOna据我所见，当用户单击#btnMove时，所选信息应附加到#selectedItems。标

cts（）{ $（“#篮子内容”）.empty（）；美元。每个（主篮子，功能（k，v）{ $（“篮子内容”）。追加（“+v+”）； }); }

向我们展示您迄今为止所做的尝试，以便我们能够帮助您。发布您的代码。@CodeGodie，谢谢，我现在将更新我的问题。根据您所做的选择，您可以创建一个新的ajax调用来创建您的“篮子”。Q:basket=$\u会话？@CodeGodie:请看我的update@mOna据我所见，当用户单击

#btnMove

时，所选信息应附加到

#selectedItems

。标记中的

#selectedItems

元素在哪里？感谢您的时间和友好支持。。我试过了，逻辑是我想要的，但是我怎么能展示一个真正的篮子呢？我应该使用图像吗？那么，我怎样才能把价值放在那个篮子里呢|

<html>
<head>
 <link type="text/css" href="res/jquery-ui.css" rel="stylesheet" />
 <script type="text/javascript" src="res/jquery.min.js"></script>
 <script type="text/javascript" src="res/jquery-ui.min.js"></script>
</head>

<body>
<div class="movienames">
<select id="selectType" name="source" style="size=5px; width:100px; height:30px;">
  <option value="">MoviesBy</option>
  <option value="byTitle">byTitle</option>
  <option value="byActor">byActor</option>
  <option value="byDirector">byDirector</option>
</select>

<div id="m_scents">
<p>
 <label style="margin-bottom:10px;" for="m_scnts"></label>
<input class="autofill4" type="textbox" name= "q27[]" id="q" style="display:none;" placeholder="Enter movie titles here" />
<!--<a href="#" id="addScnt4">Add more movies</a>-->
<input type="button" value=">> Add to selected list >>" id="btnMove" style="display:none;"/>
<input name="s" value="all" type="hidden"/>
<label style="margin-bottom:10px;" for="m_scnts"></label>
</p>
</div>
<select id="selectedItems" name="selectedItems[]" multiple="multiple" style="width:200px; size:10px;">
</select>

<script type="text/javascript">
$(document).ready(function () {
  $("#selectType").change(function () {

               if ($(this).val() == "byTitle") {
                    $("#q").show();
                    $("#btnMove").show();
                    $("#q").focus();
                    $("#q").autocomplete({
                        minLength: 0,
                        delay:5,
                        source: "mona.php",
                        focus: function( event, ui ){
                             event.preventDefault(); //This prevent the inserted text to be changed while moving in suggest list 
                        return false;
                        },
                select: function( event, ui ) {
                             $(this).val( ui.item.movieName );
                              return false;
                        }
                    }).data("uiAutocomplete")._renderItem = function( ul, item ) {
                      return $("<li></li>")
                          .data( "item.autocomplete", item )
                          .append( "<a>" + (item.posterLink?"<img class='imdbImage' src='imdbImage.php?url=" + item.posterLink + "' />":"") + "<span class='imdbTitle'>" + item.movieName + "</span>" + "<div class='clear'></div></a>" )
                          .appendTo( ul );
                        };
                 } else 
                   if ($(this).val() == "byActor"){     
                            window.open("target.html","_blank","height=400,width=400, status=yes,toolbar=no,menubar=no,location=no");
                    }
            });
   });

$('#btnMove').on('click', function (d) {
       var selected = $("#q").val();
       if (selected.length == 0) {
            alert("Nothing to move.");
            d.preventDefault();
       }
       $('#selectedItems').append(new Option(selected));
       var title = new Option(selected);
       $("#q").val("");
       d.preventDefault();
   });      

</script>
</body>
</html>

<html>
<head>
  <link type="text/css" href="res/jquery-ui.css" rel="stylesheet" />
  <script type="text/javascript" src="res/jquery.min.js"></script>
  <script type="text/javascript" src="res/jquery-ui.min.js"></script>
  <script src="http://thecodeplayer.com/uploads/js/prefixfree-1.0.7.js"type="text/javascript"type="text/javascript"></script>
</head>

<body>
<form>
 <p>
  <input type="textbox" name= "tag" id="tags" placeholder="Enter an actor/actress name here" />
 </p>
 <p>
  <select id="movieName" name="movieName[]" multiple="multiple" width="200px" size="10px" style="display:none;">
  </select>
 </p>
  <script type="text/javascript">
  $(document).ready(function () {
    $("#tags").autocomplete({
     source: "actorsauto.php",
     minLength: 2,
     focus: function( event, ui ){
            event.preventDefault(); //This prevent the inserted text to be changed while moving in suggest list 
            return false;
            },
     select: function (event, ui){      
                    var selectedVal = ui.item.value;
                    $.post("actions.php", {q: selectedVal}, function (response){
                         console.log(response);                                       
                         $("#movieName").html(response).show();
                     });
             }
    }); 
  });
 </script>

</form>
</body>
</html>

<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
    <style>
        #basket{
            padding: 10px;
            border:1px solid #ccc;
        }

        #basket h3{
            padding: 0;
            margin: 0;
        }

    </style>
</head>

<body>
    <div class="movienames">
        <select id="selectType" name="source" style="font-size:15px; width:100px; height:30px;">
            <option value="">MoviesBy</option>
            <option value="byTitle">byTitle</option>
            <option value="byActor">byActor</option>
            <option value="byDirector">byDirector</option>
        </select>

        <div id="m_scents">
            <p>
                <label style="margin-bottom:10px;" for="m_scnts"></label>
                <input class="autofill4" type="textbox" name= "q27[]" id="q" style="display:none;" placeholder="Enter movie titles here" />
                <!--<a href="#" id="addScnt4">Add more movies</a>-->
                <input type="button" value=">> Add to selected list >>" id="btnMove" style="display:none;"/>
                <input name="s" value="all" type="hidden"/>
                <label style="margin-bottom:10px;" for="m_scnts"></label>
            </p>
        </div>
        <div id="basket">
            <h3>Basket</h3>
            <div id="basket_content">
            </div>
        </div>

var master_basket = new Array();

$(document).ready(function() {
    $("#selectType").change(function() {
        if ($(this).val() == "byTitle") {
            $("#q").show();
            $("#btnMove").show();
            $("#q").focus();
            $("#q").autocomplete({
                minLength: 0,
                delay: 5,
                source: "mona.php",
                focus: function(event, ui) {
                    event.preventDefault(); //This prevent the inserted text to be changed while moving in suggest list 
                    return false;
                },
                select: function(event, ui) {
                    $(this).val(ui.item.movieName);
                    return false;
                }
            }).data("uiAutocomplete")._renderItem = function(ul, item) {
                return $("<li></li>")
                        .data("item.autocomplete", item)
                        .append("<a>" + (item.posterLink ? "<img class='imdbImage' src='imdbImage.php?url=" + item.posterLink + "' />" : "") + "<span class='imdbTitle'>" + item.movieName + "</span>" + "<div class='clear'></div></a>")
                        .appendTo(ul);
            };
        } else
        if ($(this).val() == "byActor") {
            window.open("target.html", "_blank", "height=400,width=400, status=yes,toolbar=no,menubar=no,location=no");
        }
    });
});

$('#btnMove').on('click', function(d) {
    d.preventDefault();
    var selected = $("#q").val();
    if (selected.length == 0) {
        alert("Nothing to move.");
        d.preventDefault();
    } else {
        addToBasket(selected);
    }
    $("#q").val("");
});

function addToBasket(item) {
    master_basket.push(item);
    showBasketObjects();
}

function showBasketObjects() {
    $("#basket_content").empty();
    $.each(master_basket, function(k, v) {
        $("#basket_content").append("<div>" + v + "</div>");
    });
}