使用jqueryif语句控制下拉列表项

我有一个包含人员姓名的下拉列表，当我选择人员时，它会显示有关人员的信息。我需要在我的代码中添加一条语句，该语句不会再次显示我已选择的人员，我的代码如下：

$(function() {
  var ids = [{{personel.pk}}]
  $(".pers").click(function() {
    pk = this.getAttribute('data-pk');
    url = '/post/' + pk + '/personel_ajax/';
    resp = '<div class="row">';
    resp += $.ajax({
      dataType: "json",
      url: url,
      success: function(data) {
        console.log('success', data);
        console.log(data);
        $('#container').append(
          '<div class="col-sm-4">' +
          '  <div class="thumbnail">' +
          '    <div class="caption">' +
          '      <h3>' + data[0]['fields']['name'] + ' <small>{{post.date}}</small></h3>' +
          '      <p>' + data[0]['fields']['title'] + '</p>' +
          '      <p>' + data[0]['fields']['title2'] + '</p>' +
          '      <p><a href="/post/' + data[0]['pk'] + '/" class="btn btn-primary btn-sm" role="button">Task Description</a>' +
          '        <a href="/post/'+data[0]['pk'] + '/update" class="btn btn-success btn-sm" role="button">Update Task</a>' +
          '        <a href="/post/'+data[0]['pk'] + '/delete" class="btn btn-danger btn-sm" role="button">Delete Task</a></p>' +
          '    </div>' +
          '  </div>' +
          '</div>'
        );
      }
    });
  });
});

$（函数（）{
var id=[{{personel.pk}}]
$（“.pers”）。单击（函数（）{
pk=this.getAttribute（'data-pk'）；
url='/post/'+pk+'/personel_ajax/'；
resp=''；
resp+=$.ajax({
数据类型：“json”，
url:url，
成功：功能（数据）{
console.log（'success'，数据）；
控制台日志（数据）；
$（“#容器”）。追加(
'' +
'  ' +
'    ' +
''+数据[0]['fields']['name']+'{{{post.date}'+
“”+数据[0]['fields']['title']+'
”+
“”+数据[0]['fields']['title2']+'
”+
“”+
'        ' +
“
”+
'    ' +
'  ' +
''
);
}
});
});
});

您可以使用简单数组作为简单缓存

$(function() {
  var ids = [1, 2, 3, 4];
  var dataCache = [];
  var pk;
  function render(data) {
    $("#container").append(
      '<div class="col-sm-4">' +
        '<div class="thumbnail">' +
        '<div class="caption">' +
        "<h3>" +
        data[0].fields.name +
        " <small>{{post.date}}</small></h3>" +
        "<p>" +
        data[0].fields.title +
        "</p>" +
        "<p>" +
        data[0].fields.title2 +
        "</p>" +
        '<p><a href="/post/' +
        data[0].pk +
        '/" class="btn btn-primary btn-sm" role="button">Task Description</a>' +
        '<a href="/post/' +
        data[0].pk +
        '/update" class="btn btn-success btn-sm" role="button">Update Task</a>' +
        '<a href="/post/' +
        data[0].pk +
        '/delete" class="btn btn-danger btn-sm" role="button">Delete Task</a></p>' +
        "</div>" +
        "</div>"
    );
  }

  $(".pers").click(function() {
    pk = this.getAttribute("data-pk");
    url = "/post/" + pk + "/personel_ajax/";
    resp = '<div class="row">';
    if (dataCache[pk]) {
      render(dataCache[pk]);
      return;
    }
    $.ajax({
      dataType: "json",
      url: url,
      success: function(data) {
        console.log("success", data);
        console.log(data);
        dataCache[pk] = data;
        render(data);
      }
    });
  });
});

$（函数（）{
var id=[1,2,3,4]；
var dataCache=[]；
var-pk；
函数渲染（数据）{
$（“#容器”）。追加(
'' +
'' +
'' +
"" +
数据[0].fields.name+
“{post.date}”+
“”+
数据[0]。字段。标题+
“
”+
“”+
数据[0]。字段。标题2+
“
”+
“”+
'' +
“
”+
"" +
""
);
}
$（“.pers”）。单击（函数（）{
pk=此.getAttribute（“数据pk”）；
url=“/post/”+pk+”/personel_ajax/”；
resp=''；
if（数据缓存[pk]）{
呈现（数据缓存[pk]）；
返回；
}
$.ajax({
数据类型：“json”，
url:url，
成功：功能（数据）{
console.log（“成功”，数据）；
控制台日志（数据）；
dataCache[pk]=数据；
渲染（数据）；
}
});
});
});