如何在网格中每个项目只输入一个数据

时间:2017-11-14 16:50:29

标签: jquery

这里我有一个小要求,比如在我的下拉菜单中我有Piza,汉堡选项当我选择任何一个只有一次应该输入网格不超过一个

 <select id="Drp_Bake">
    <option value="1">Pizza</option>
    <option value="2">Burger</option>

</select>
<input type="button" value="Submit" id="Bake_Items" />

<div id="DisplayItems"></div>

JqueryCode

 $(document).ready(function () {
var key = [];
$('#Bake_Items').click(function () {
    var Menus= $('#Drp_Bake').val();
    var Bake_Items= key.push(Menus);
 $('#DisplayItems').append(Bake_Items);
})

存储在密钥数组中的项目,但它应该只插入不超过一次

1 个答案:

答案 0 :(得分:1)

HTML代码

<select id="Drp_Bake">
  <option Value="0">-Select-</option>
  <option value="1">Pizza</option>
  <option value="2">Burger</option>
</select>
<input type="button" value="Submit" id="Bake_Items" />

<div id="DisplayItems"></div>

<强> JQUERY

 $(document).ready(function () {
            var key = [];
            var selected;
            $('#Bake_Items').click(function () {
                selected = $('#Drp_Bake option:selected').text();

                if (selected == '-Select-') {
                    alert('Please Select any Value...');
                }
                else if (jQuery.inArray(selected, key) == -1) {
                    key.push(selected);
                    $('#DisplayItems').append(selected);
                    $('#DisplayItems').append('</br>');
                }
                else {
                    alert('already selected choose another one...');
                }
            });
        });

在这里,我使用&#34; jQuery.inArray()&#34;检查数组中值的存在的方法... 如果数组方法中不存在值,则返回-1 ....