jquery - 如何在网格中的每个项目中仅输入一个数据

Question

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

 <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>

Jquery代码

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

存储在键数组中的项目，但只能插入一次，不得多次

Answer 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...');
                }
            });
        });

在这里，我使用“jQuery.inArray()”方法来检查数组中值的存在...如果数组中不存在值方法返回-1....