как удалить html, выбрать параметры файла с помощью jquery ajax

Question

В моем проекте у меня есть 2 html выбор. Я хочу изменить второй выбор, когда первый выбор изменился. Но есть проблема. Когда я изменил первый выбор, второй выбор над предыдущими значениями параметров. Я хочу удалить предыдущее значение параметра, когда я изменил первый выбор. Я написал этот код:

 <script>
function docType() {
    var URL_PREFIX = "http://localhost:8983/solr/archiveCore/select?fl=DocType&group.field=DocType&group=true&q=PackName:";
    var URL_MIDDLE="&rows=10&sort=DocType%20asc&start=0&wt=json";
    var string="\"" + $("#PackName option:selected").val() + "\"";
var URL = URL_PREFIX+string+URL_MIDDLE;
$.ajax({
   url : URL,
   dataType : 'json',
   type:'get',
   json : 'json.wrf',
   success : function(data) {
      var docs = JSON.stringify(data.grouped.DocType.groups);
      var jsonData = JSON.parse(docs);
      for(var i=0;i<jsonData.length;i++){
            $("#DocType").append($("<option>"+jsonData[i].groupValue+"</option>"));
       }
   },
 })
};
</script>

это первый раз изменен первый выбор

это второй раз изменен первый выбор

Answer 1

Внутри функции success выполните следующие действия:

$("#DocType").empty();
for(var i=0;i<jsonData.length;i++){
   $("#DocType").append($("<option>"+jsonData[i].groupValue+"</option>"));
}

По сути, это удаляет существующие теги параметров, а затем заново заполняет их новыми значениями.

Так что это происходит каждый раз, когда изменяется первое выбранное значение.