Chosen: .trigger("chosen:updated")가 내가 제공한 옵션을 선택하는 것이 옳지 않습니다.

내 가난한 영어에 대해 죄송합니다 :sob:

내가 올바르게 이해했다면 ajax 요청을 사용하여 선택 항목에 새 옵션을 추가한 다음 chosen:updated 를 트리거하여 Chosen이 변경 사항을 반영하도록 하시겠습니까?

문제를 시연할 수 있도록 바이올린 을 설정하세요. 그러면 버그인지 구현 문제인지 판단할 수 있습니다.

담당자에게 감사합니다.

NOT LIKE THAT .. 옵션 목록을 새로 고치지 않음
옵션 목록은 완전히 동일합니다.
그러나 값은 그렇지 않습니다
내가 선택한 값을 변경하고 싶을 때마다 jQuery를 통해
내가 처음으로 선택한 항목의 값이 옳았을 때
그러나 나중에 servel 시간이되면 잘못 될 것입니다.
나는 select 요소의 올바른 값을 얻을 수 없습니다 ....


기능을 처음 로드할 때 하나의 옵션만 선택하면 됩니다.

그럼 다시 한번

이렇게 되어야 한다

https://jsfiddle.net/4jtsdnt7/someof

안녕하세요 블랭행님
당신의 문제는 이것으로 해결할 수 있습니다.
당신이하고있는 일 :
$(#하나의 옵션[값=1]').attr('선택됨', true);
$(#하나의 옵션[값=3]').attr('선택됨', true);
$("#one").val(1).trigger("선택됨: 업데이트됨");

해야 할 일

$(#하나의 옵션[값=1]').attr('선택됨', true);
$(#하나의 옵션[값=3]').attr('선택됨', true);
$("#one").trigger("선택됨: 업데이트됨");

업데이트를 트리거하는 동안 값을 제공하지 마십시오.

JS에서 다중 선택 옵션의 선택 상태를 업데이트한 다음 선택 항목을 표시하도록 Chosen을 업데이트하려고 시도한 후에도 동일한 문제가 발생했습니다. 이 동작을 보여주는 바이올린을 만들었습니다.

https://jsfiddle.net/5wbzxg27/

3개의 버튼이 있습니다:

• 모든 옵션을 선택하고,
• 일부 옵션을 선택하고,
• 나머지 옵션을 선택하십시오.

각 옵션은 동일한 버튼(및 업데이트)을 여러 번 눌러도 선택됨 상자에 한 번만 표시됩니다. 스크립트가 정상적으로 실행되고 원래 선택 옵션의 선택된 상태가 정상적으로 변경되지만 Chosen은 처음에만 옵션을 표시합니다.

도움이 되었기를 바랍니다.

@cinemazealot 다음 코드를 시도하십시오.

$("#mySelect").chosen({
       placeholder_text_multiple: 'Something',
});
$('button#all').on('click', function() {
  $('#mySelect option').attr('selected', false);   // selects all
  var options = [];
  for (var i=0; i < $('#mySelect option').length; i++){
    options.push($('#mySelect option')[i].value);
  };
  $('#mySelect').val(options);
  $("#mySelect").trigger("chosen:updated");       // updates chosen
  return false;                                   // returns false not to post the surrounding form
});
$('button#first').on('click', function() {
  $('#mySelect option').attr('selected', false);  // clears all
  var options = [];
  for (var i=0; i < $('#mySelect optgroup[label="first"] option').length; i++){
    options.push($('#mySelect optgroup[label="first"] option')[i].value);
  };
  $('#mySelect').val(options);
  $("#mySelect").trigger("chosen:updated");       // updates chosen
  return false;                                   // returns false not to post the surrounding form
});
$('button#second').on('click', function() {
  $('#mySelect option').attr('selected', false);  // clears all
    var options = [];
  for (var i=0; i < $('#mySelect optgroup[label="second"] option').length; i++){
    options.push($('#mySelect optgroup[label="second"] option')[i].value);
  };
  $('#mySelect').val(options);
  $("#mySelect").trigger("chosen:updated");       // updates chosen
  return false;                                   // returns false not to post the surrounding form
});

투박하고 커 보일 수 있지만 작동하는 것 같습니다.

@pashaUSA 당신은 최고입니다! :) 늦은 반응에 대해 죄송합니다. 다른 실행 중인 프로젝트가 있었습니다. 그러나 귀하의 솔루션은 해야 할 일을 합니다. 정말 감사합니다! :)