jQuery 옵션을 선택했는지 여부를 확인합니다. 선택하지 않은 경우 기본값을 선택하십시오.

jQuery 옵션을 선택했는지 여부를 확인합니다. 선택하지 않은 경우 기본값을 선택하십시오.

jQuery를 사용하여 선택 메뉴에서 선택한 옵션이 있는지 확인하고 없으면 선택한 옵션 중 하나를 할당하려면 어떻게 해야 합니다.

(선택은 제가 방금 상속받은 앱에 있는 PHP 함수의 미로에서 생성되어 있기 때문에, 이것은 제가 그것들을 이해하는 동안 빠른 수정입니다.)

네가 정확히 뭘 하고 싶은지는 모르겠지만, 이 코드가 나한테 효과가 있었어

<select id="mySelect" multiple="multiple">
  <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Third</option>
  <option value="4">Fourth</option>
</select>

<script type="text/javascript"> 
$(document).ready(function() {
  if (!$("#mySelect option:selected").length) {
    $("#mySelect option[value='3']").attr('selected', 'selected');
  }
});
</script>

여기에는 jQuery를 사용할 필요가 없습니다.

var foo = document.getElementById('yourSelect');
if (foo)
{
   if (foo.selectedIndex != null)
   {
       foo.selectedIndex = 0;
   } 
}

이 질문은 오래되고 많은 견해를 가지고 있기 때문에, 제가 확신하는 몇몇 사람들에게 도움이 될 만한 것들을 던져보겠습니다.

선택한 요소에 선택한 항목이 있는지 확인하려면:

if ($('#mySelect option:selected').length > 0) { alert('has a selected item'); }

또는 선택 항목에 아무것도 선택되지 않았는지 확인하려면:

if ($('#mySelect option:selected').length == 0) { alert('nothing selected'); }

또는 어떤 종류의 루프가 있고 현재 요소가 선택되었는지 확인하려는 경우:

$('#mySelect option').each(function() {
    if ($(this).is(':selected')) { .. }
});

루프 중에 요소가 선택되지 않았는지 확인하려면:

$('#mySelect option').each(function() {
    if ($(this).not(':selected')) { .. }
});

다음은 이를 위한 몇 가지 방법입니다.jQuery는 동일한 작업을 수행하는 다양한 방법이 있으므로 일반적으로 가장 효율적인 방법을 선택합니다.

렌시오니의 대답은 제가 추천하는 것입니다.옵션의 셀렉터를 변경할 수 있습니다.('#mySelect option:last')"를 사용하여 특정 값을 가진 옵션을 선택합니다.#mySelect option[value='yourDefaultValue']". 셀렉터에 대한 자세한 내용은

클라이언트에서 선택 목록을 광범위하게 사용하는 경우 다음 플러그인을 확인하십시오. http://www.texotela.co.uk/code/jquery/select/.선택 목록의 작업 예를 더 보려면 소스를 확인하십시오.

여기 선택한 옵션을 변경하는 기능이 있습니다.jQuery 1.3.2에서 동작합니다.

function selectOption(select_id, option_val) {
    $('#'+select_id+' option:selected').removeAttr('selected');
    $('#'+select_id+' option[value='+option_val+']').attr('selected','selected');   
}

<script type="text/javascript"> 
$(document).ready(function() {
  if (!$("#mySelect option:selected").length)
   $("#mySelect").val( 3 );

});
</script>

간단! 기본값이 첫 번째 옵션이어야 합니다.완료! 그러면 눈에 띄지 않는 JavaScript가 생성됩니다.JavaScript는 필요 없기 때문입니다:)

방해받지 않는 자바스크립트

이미 언급한 texotela 플러그인은 다음과 같이 해결할 수 있습니다.

$(document).ready(function(){
    if ( $("#context").selectedValues() == false) {
    $("#context").selectOptions("71");
    }
});

선택한 항목 보기의 인덱스select요소.그나저나, 그건 평범한 DOM 문제지 JQuery에 특화된 게 아니야.

이 스크립트는 제가 찾은 빠른 스크립트입니다. 결과는 라벨에 할당됩니다.

$(".Result").html($("option:selected").text());

너무 많이 골랐어.값으로만 선택:

$("#mySelect").val( 3 );

if (!$("#select").find("option:selected").length){
  //
}

옵션이 선택되어 있으면 확인하고, 선택되어 있지 않으면 기본값을 선택할 수 있는 좋은 방법을 찾았습니다.

    if(!$('#some_select option[selected="selected"]').val()) {
        //here code if it HAS NOT selected value
        //for exaple adding the first value as "placeholder"
        $('#some_select option:first-child').before('<option disabled selected>Wybierz:</option>');
    }

#some_select에 기본 선택 옵션이 없는 경우 .val()은 정의되지 않습니다.

$("option[value*='2']").attr('selected', 'selected');
// 2 for example, add * for every option

$("#select_box_id").children()[1].selected

이는 jquery에서 옵션이 선택되었는지 여부를 확인하는 또 다른 방법입니다.그러면 부울(True 또는 False)이 반환됩니다.

[1]은 선택 상자 옵션의 색인입니다.

Select 박스의 이벤트를 기동하도록 변경하고, 기동하면, 선택한 옵션의 id 어트리뷰트를 꺼냅니다.

$("#type").change(function(){
  var id = $(this).find("option:selected").attr("id");

  switch (id){
    case "trade_buy_max":
      // do something here
      break;
  }
});

비슷한 걸 찾다가 이걸 발견했어요

$('.mySelect:not(:has(option[selected])) option[value="2"]').attr('selected', true);

이렇게 하면 아직 선택사항이 선택되지 않은 클래스의 모든 선택 메뉴가 검색되고 기본 옵션(이 경우 "2")이 선택됩니다.

는 는는그용사 i를 사용해 보았다.:selected[selected], Attribute는 Attribute라는 이 없는 되어 있기

각 옵션을 명시적으로 체크하여 "선택된" 속성이 있는지 확인해야 하는 경우 이 작업을 수행할 수 있습니다.의 경우는, 「」를 사용합니다.option:selected첫 번째 기본 옵션 값이 표시됩니다.

var viewport_selected = false;      
$('#viewport option').each(function() {
    if ($(this).attr("selected") == "selected") {
        viewport_selected = true;
    }
});

언급URL : https://stackoverflow.com/questions/149573/check-if-option-is-selected-with-jquery-if-not-select-a-default