jQuery Chosen 재설정

jQuery Chosen 재설정

---

Jquery Chosen 플러그인을 사용select 하는 양식에 많은 요소가 있습니다 . 양식을 재설정하려면 어떻게해야합니까? 다음은 작동하지 않습니다.

<input type="reset" />

---

필드의 값을 재설정 한 다음 liszt:updated입력 에서 이벤트 를 트리거하여 업데이트해야합니다. 여기서 작업 예제를 사용하여 바이올린을 만들었습니다.

http://jsfiddle.net/VSpa3/3/

$(".chzn-select").chosen();
$('a').click(function(){
    $(".chzn-select").val('').trigger("liszt:updated");
});​

선택한 v1.0이 출시 된 이후로 트리거는 이제 'chosen : updated'라고합니다. 이 새 버전을 사용하는 모든 사용자는 다음을 사용하여 업데이트를 트리거해야합니다.

$(".chosen-select").val('').trigger("chosen:updated");

---

선택한 v1.0이 출시 된 이후로 트리거는 이제 'chosen : updated'라고합니다. 이 새 버전을 사용하는 모든 사용자는 다음을 사용하여 업데이트를 트리거해야합니다.

$(".chosen-select").val('').trigger("chosen:updated");

---

이것을 시도해 볼 수 있습니다.

$('select').chosen('destroy');  

$('select').prop("selectedIndex", -1);   
$('select').chosen();

---

재설정이 자연스럽게 작동하려면 다음을 사용하십시오.

$("input[type='reset'], button[type='reset']").click(function(e){
    e.preventDefault();

    var form = $(this).closest('form').get(0);
    form.reset();

    $(form).find('select').each(function(i, v) {
        $(v).trigger('chosen:updated');
    });
}

---

이전 옵션 중 어느 것도 나를 위해 작동하지 않습니다. 나는 약간의 네이티브 자바 스크립트를 사용하더라도 오래된 학교처럼해야했습니다. 여기에 코드가 있습니다.

$('#dllSample option').each(function(){
     $(this)[0].selected = false;   
});
$("#dllSample").trigger("chosen:updated");

---

때로는 선택한 선택을 재설정해야합니다.

나는 이것을한다

jQuery.fn.chosen_reset = function(n){
  $(this).chosen('destroy');
  $(this).prop('selectedIndex', 0);
  $(this).chosen(n)
}

옵션을 인수로 사용하여이 함수를 이렇게 호출합니다.

$('select').chosen_reset({width:'369px'});

---

더 번거롭지 않은 접근 방식을 위해 ... 입력이 <form>태그 안에 있다고 가정합니다 .

<form>
    <!-- your selects go here and any other input fields -->
    <input type="reset" value="Reset"> 
</form>

이것이 내가 할 일입니다.

$("input[type='reset'], button[type='reset']").click(function(e){
      setTimeout(function(){ $("select").trigger("chosen:updated"); }, 50);
});

여기에서 바이올린을 참조 하십시오 .

---

jQuery에서 이와 같은 것이 작동합니다.

<input name="Text1" id="something" type="text">

<input type="reset" id="reset_me"/>


$("#reset_me").click(function() { 
$("#something").val("");
});

참고 URL : https://stackoverflow.com/questions/7897760/jquery-chosen-reset