Jquery форма

Question

У меня есть следующие функции, которые должны сбросить часть формы:

function changeForm(sel) { 
    var arr = { 
     "High-School Student": "hs", 
     "University Student": "us" 
    }; 
    $('#' + arr[sel]).show(); 
    delete arr[sel]; 
    $.each(arr, function (key, value) { 
     var div = '#' + value; 
     $(div).hide(); 
     $(div + ' :input').each(function() { 
      $(this).val(''); 
     }); 
    }); 
} 

Основываясь на входе в другом поле я показать DIV с полями, имеющих отношение к ней и сбросить все другие, которые являются не имеет значения. Некоторые поля имеют имя типа массива: name="field_name[]". Проблема в том, что для этих полей $(this).val(''); не отменяет выделение выбранных свойств. Поле этого типа является множественным и использует http://zellerda.com/projects/tokenize

Answer 1

, потому что компонент генерирует UL вместо ввода, и единственный входной элемент внутри вас г тег ввода с классом «TokenSearch»

$.each(arr, function (key, value) { 
    var div = '#' + value; 
    $(div).hide(); 
    $(div + ' :input').val(''); 
    $(div + ' .Token').remove(); 
}); 

Answer 2

Я не знаю, есть ли функция с этим плагин для сброса поля, но мой обходной путь, чтобы вызвать щелчок на каждом близко:

предполагая этот HTML :

<div class="tokenize-sample Tokenize" id="tk1"> 
    <ul class="TokensContainer"> 
     <li class="Token" data-value="CH"><a class="Close">×</a><span>Switzerland</span></li> 
     <li class="Token" data-value="FR"><a class="Close">×</a><span>France</span></li> 
     <li class="Token" data-value="DE"><a class="Close">×</a><span>Germany</span></li> 
     <li class="TokenSearch"><input size="5"></li> 
    </ul> 
    <ul class="Dropdown" style="display: none;"></ul> 
</div> 

Я выполнить этот JS:

$("#tk1 .Token .Close").trigger("click");