2012-11-26 2 views
0

드롭 다운 메뉴가 하나 있습니다. 기본적으로 하나의 옵션 만 선택할 수 있습니다. 확인란을 선택하여 해당 드롭 다운 메뉴를 변경해야 여러 옵션을 선택할 수 있습니다. 누군가 이걸 어떻게 달성 할 수 있는지 말해 줄 수 있습니까?변경 선택 태그 속성 값

<select id="test" name="host"> 
    <option value="host1">host1</option> 
    <option value="host2">host2</option> 
    ..... 
    ..... 
</select> 

확인란을 선택하면 다음과 같이 변경됩니다.

<select id="test" name="host" multiple="multiple"> 
    <option value="host1">host1</option> 
    <option value="host2">host2</option> 
    ..... 
    ..... 
</select> 

도와주세요.

+0

페이지를 다시로드하지 않고이 작업을 원하십니까? –

+0

@MikeBrant : 아니요, 확인란의 선택 여부에 따라 다릅니다. – pradeepchhetri

+1

내 질문에 따르지 않는다고 생각합니다. 체크 박스를 선택하고 페이지로드가없는 페이지에서'select'가 업데이트되었는지 알고 싶습니다 (이 경우 자바 스크립트를 사용해야합니다). 태그에 자바 스크립트가 없으므로 확인란을 클릭하고 페이지를 다시로드하려면 (예 : PHP로 'mulitple'을 추가하는 HTML 소스 modifiynig) 원할 경우 또는 서투른 페이지를 다시로드하지 않고 원할 경우 명확하지 않았습니다. . 그것은 당신이 다음 질문을 가져 오는 자바 스크립트를 원하는 것처럼 들리 - 당신은 똑바로 자바 스크립트를 원하십니까 또는 jQuery 또는 이와 유사한 것을 사용하고 있습니까? –

답변

3
당신은 'JQuery와'라는 라이브러리, 그것은 매우 간단하게 that..use을 위해 자바 스크립트를 사용할 필요가

..

$("#checkbox_id").change(function(){ 
    if($(this).is(':checked')) 
     $("#test").attr('multiple', 'multiple'); 
}); 

편집 : 다시 되 돌리는 ..

Working Demo

$("#checkbox_test").change(function(){ 
    if($(this).is(':checked')) 
     $("#test").attr('multiple', 'multiple'); 
    else 
     $("#test").removeAttr('multiple'); 
}); 
+0

확인란의 선택을 취소하면 다시 되돌아갑니다. 우리는 어떻게 그것을 성취 할 수 있습니까? – pradeepchhetri

+0

답변 및 데모를 업데이트하십시오. –