Javascript 为什么我的表单输入值不添加新数据？_Javascript_Jquery_Autocomplete

Javascript 为什么我的表单输入值不添加新数据？

javascript jquery autocomplete

Javascript 为什么我的表单输入值不添加新数据？,javascript,jquery,autocomplete,Javascript,Jquery,Autocomplete,我正在尝试将从自动完成搜索框中选择的值添加到我的id=“merkenlijst”。问题是，当品牌现在被添加时，它只会闪烁一秒钟，然后消失。我找不到我做错了什么 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.

我正在尝试将从自动完成搜索框中选择的值添加到我的id=“merkenlijst”。问题是，当品牌现在被添加时，它只会闪烁一秒钟，然后消失。我找不到我做错了什么

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"  rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script>
    $(document).ready(function() {
        $("input#autocomplete").autocomplete({
            source: ["Adidas", "Airforce", "Alpha Industries", "Asics", "Bikkemberg", "Birkenstock", "Bjorn Borg", "Brunotti", "Calvin Klein", "Cars Jeans", "Chanel","Chasin", "Diesel", "Dior", "DKNY", "Dolce & Gabbana"]
        });

        $("#add-brand").click(function(){
            var merk  = $("#autocomplete").val();
            $("#merkenlijst").append( merk );  
        });
    });
</script>

<style type="text/css">
    body{    margin: 0 auto; width: 540px; }
</style>

<title>Form add brands </title>
</head>

<body>
    <div id="brands-form-holder">
        <form id="brands-form" action="" method="">
            <dl>
                <dt>
                    <h1>
                        <label for="brands-form-brand">Add your brands</label>
                    </h1>
                </dt>
                <dd>
                    Search for brand:
        <input id="autocomplete" type="text" name="brand" />
        <input id="add-brand" type="submit" value="Add brands" />
                </dd>
            </dl>
        </form>

        <hr />

        <p class="section-title">
            <strong>Brands selected</strong> (including from the database)
        </p>

        <div id="merkenlijst">  </div>
    </div>


$（文档）.ready（函数（）{
$（“输入自动完成”）。自动完成({
资料来源：[“阿迪达斯”、“空军”、“阿尔法工业”、“Asics”、“比肯伯格”、“伯肯斯托克”、“比约恩·博格”、“布鲁诺蒂”、“卡尔文·克莱因”、“汽车牛仔裤”、“香奈儿”、“查辛”、“迪塞尔”、“迪奥”、“DKNY”、“多尔西和加巴纳”]
});
$（“#添加品牌”）。单击（功能（）{
var merk=$（“#自动完成”）.val（）；
$（“#merkenlijst”）。追加（merk）；
});
});
正文{边距：0自动；宽度：540px；}
表单添加品牌
添加您的品牌
搜索品牌：


所选品牌（包括数据库中的品牌）

当您单击“添加品牌”

submit

按钮时，表单将提交/重新加载页面。从单击事件返回

false

，以阻止提交表单（或使用

preventDefault

）

或者，只需使用

type=“button”

输入而不是提交按钮：

<input id="add-brand" type="button" value="Add brands" />

<input id="add-brand" type="button" value="Add brands" />