jQuery Select Box 조작

코어 포인트

jQuery는 , 및 와 같은 메소드를 사용하여 옵션 추가, 삭제 및 변경을 포함하여 드롭 다운 상자를 작동하는 다양한 방법을 제공합니다. 방법을 적용하기 전에 함수를 사용하여 드롭 다운 상자를 선택하십시오.

선택한 옵션의 현재 값을 얻으려면

메소드를 사용하십시오. 선택된 옵션의 텍스트는 메소드를 사용하여 얻을 수 있습니다.
• 함수를 사용하여 여러 값을 검색 할 수 있습니다. append() remove() jQuery의 이벤트를 사용하여 드롭 다운 상자에서 선택한 옵션을 식별 할 수 있습니다. 이 이벤트는 선택한 옵션의 텍스트를 찾는 함수를 트리거합니다. val() $() 소개
• jQuery에서 드롭 다운 상자를 작동하려면 추가 트릭과 상호 작용이 필요하지만 복잡하지는 않습니다. 이 기사는 드롭 다운 박스 작업을 쉽게 처리하는 데 도움이됩니다. val() text() 드롭 다운 상자를 만듭니다 each() 이것은 매우 간단하고 간단해야합니다
2011 년 1 월 6 일 업데이트-드롭 다운 상자를 선택하는 세 가지 방법 옵션 :
• onChange jQuery를 사용하여 드롭 다운 박스 옵션을 작동시킵니다

다음은 드롭 다운 상자에 옵션을 추가하는 코드입니다. 귀하의 요구에 맞게 부품을 붙여 넣고 편집하십시오.

또는 요소 목록에서 옵션을 작성하고 순수한 jQuery로 첨부 할 수 있습니다.

드롭 다운 상자에서 값을 얻으십시오 선택한 옵션의 현재 값을 알아야 할 수도 있습니다.

옵션의 텍스트를 얻을 수 있습니다.

드롭 다운 상자에서 여러 값을 얻습니다 이 코드를 사용하여 여러 값을 검색하십시오

드롭 다운 상자에서 요소를 삭제합니다 <.> 여기 특별한 것은 없습니다. 이 코드를 붙여 넣고 원하는 항목을 삭제할 수 있도록 수정하십시오.

jQuery('#some_element').append('');

드롭 다운 상자에서 옵션을 선택하십시오 드롭 다운 상자에서 옵션을 선택하려면 다음을 수행하십시오.

선택 옵션 옵션 위의 코드의 반전 작동 :

Onchange 이벤트 선택한 옵션을 찾으십시오

// 选择下拉框选项
jQuery('#selectboxid option').attr('selected', true);
jQuery('#selectboxid option').attr('selected', selected);
$("#selectboxid").attr('selectedIndex', indexnumber);

결론 단계를 올바르게 따르면 작업을 완료 할 수 있어야합니다. 보시다시피, 이것은 어렵지 않습니다!

jQuery 드롭 다운 박스 작업에 대한 자주 질문

// obj 是选项值列表
function(obj) {
  var create = '';
  for (var i = 0; i < obj.length; i++) {
    create += '<option value="' + obj[i] + '">' + obj[i] + '</option>';
  }
  create += '';
  jQuery('#some_element').append(create);
}

(FAQ 부분은 이전 내용에서 내용이 높게 복제되어 있기 때문에 여기서 생략됩니다. 중복성을 피하기 위해 여기서 반복하지 않을 것입니다. FAQ 부품의 내용은 필요에 따라 재생 될 수 있습니다. 더 간결하고 명확한 언어로 질문과 답변을 재구성 할 수 있습니다.

위 내용은 jQuery Select Box 조작의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!