jQuery가 select를 어떻게 제어하고 조작하는지
jQuery가 select를 어떻게 제어하고 조작하는지.다음 html 코드를 먼저 보세요.
<select id="test">
<option value="1"> <option>
<option value="2"> <option>
...
<option value="n"> N<option>
</select>이른바 jQuery 조작'select'는 더 정확히 말하면 jQuery가'option'을 제어해야 한다. 아래의 jQuery 코드를 봐라.
// option
$('#test option:first').val();
// option
$('#test option:last').val();
// option
$('#test option:eq(1)').val();
//
$('#test').val();
$('#test option:selected').val();
// 2 option
$('#test').attr('value','2');
// option
$('#test option:last').attr('selected','selected');
$("#test").attr('value' , $('#test option:last').val());
$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
// select
$('#test option').length;
// option
$("#test").append("<option value='n+1'> N+1 </option>");
$("<option value='n+1'> N+1 </option>").appendTo("#test");
//
$('#test option:selected').remove();
// ( )
$('#test option:first').remove();、
//
$('#test option').each(function(){
if( $(this).val() == '5'){
$(this).remove();
}
});
$('#test option[value=5]').remove();
// Group
$('#test optgroup:eq(0)').attr('label');
// group option
$('#test optgroup:eq(1) : option:eq(0)').val();전재 출처:http://www.smartwei.com/jquery-control-select.html
원작자에게 감사하다
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다른 사람의 웹사이트 편집: contenteditable 및 designMode그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
