如何使用jquery / javascript

时间:2019-01-18 12:55:50

标签: javascript jquery html css

var array = [
   {columnsexpo: "First Name", placeholder: true}
   {columnsexpo: "Middle Name / Initial", placeholder: true}
   {columnsexpo: "Last Name", placeholder: true}
   {columnsexpo: "Email", placeholder: true}
   {columnsexpo: "Work Experience / Begin date", placeholder: true}
]
self.firmData.forEach(function (data) {
      $(this.itemlists).append("<div class='item'>" + data.DisplayName + "</div>");
      $("#lstBox1").append($('<option>').text(data.DisplayName).attr('value', data.DisplayName));                   
       self.dt.push(data.DisplayName);
  });

这是我的HTML代码:

<div class="menu">
     <select multiple="multiple" id='lstBox2' >                                    
     </select>
 </div>

我在一个表中有一个像这样的对象数组,

enter image description here

现在我想删除选定的字段,例如:如果我选择 Email ,则应从数组中删除该字段,并显示新的数组。我使用pop()方法尝试过,这将删除最后一个字段,但未删除所选字段。

编辑

我不需要对删除的值进行硬编码,我需要删除所选的值

1 个答案:

答案 0 :(得分:1)

let array = [
   {columnsexpo: "First Name", placeholder: true},
   {columnsexpo: "Middle Name / Initial", placeholder: true},
   {columnsexpo: "Last Name", placeholder: true},
   {columnsexpo: "Email", placeholder: true},
   {columnsexpo: "Work Experience / Begin date", placeholder: true}
]

const removeItem = value => array.filter(item => item.columnsexpo !== value)

console.log(removeItem("First Name"))

相关问题