不将项目保存为HTML [英] Does not save the item to HTML

问题描述

这会闪现正确的名字 - 饮料li，但不会在< ul class =orders>

This flashes the correct name-drink li but does not save the "items" to HTML at the <ul class="orders">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var name = $('#<%= name1.ClientID %>').val();
            var drink = $('#<%= drink1.ClientID %>').val();
 
            $('#<%= add_order.ClientID %>').on('click', function () {
                 var items="<li>name: " + name + ", drink: " + drink + "</li>";
                 $('.orders').html(items);
                 //$('.orders').append(items);//these two do the same thing
             });
        });
    </script>

    <h2>Coffee Orders</h2>
    <ul class="orders">
        
    </ul>
    <h4>Add a Coffee Order</h4>
    <p>Name:<asp:TextBox ID="name1" runat="server"></asp:TextBox></p>
    <p>Drink:<asp:TextBox ID="drink1" runat="server"></asp:TextBox></p>
    <asp:Button ID="add_order" runat="server" Text="Add!" />

推荐答案

（ function （）{
var name =

(function () { var name =

（' ＃<％= name1.ClientID％>'）。val（）;
var drink =

('#<%= name1.ClientID %>').val(); var drink =

（' ＃<％= drink1.ClientID％>'）。val（）;

('#<%= drink1.ClientID %>').val();

这篇关于不将项目保存为HTML的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！