2013-05-08 2 views
4

새로운 옵션을 추가하여 선택 취소하지 않을 다중 선택 박스의 일부 옵션을 미리 선택할 수 있습니까?다중 선택 옵션을 미리 선택하는 방법? (html + php)

<select name="selectbox" multiple> 
    <option value="A">A</option> 
    <option value="B" selected>B</option> 
    <option value="C">C</option> 
    <option value="D" selected>D</option> 
</select> 

내가 옵션 A에서 클릭
는, 옵션 B와 D가 해제되고 A가 선택됩니다 :

은 이제 옵션이 PHP에 의해 미리 선택됩니다에 일반 다중 선택 박스를 가지고있다. 누군가가 이미 선택한 옵션을 클릭했을 때만 항목을 선택 취소하고 싶습니다. 아직 선택되지 않은 옵션을 클릭하면 이미 선택된 항목에 추가되어야합니다.

가장 좋은 방법은 무엇입니까? 아니면 가능하지 않습니까? 이 같은 자바 스크립트 (jQuery를) 용이합니다

+0

예 당신이 jQuery를 사용하고 단순히 값이있는 것을 볼 수있다 working demo를 참조하십시오. – Robert

+0

또는 새 옵션 – Dale

답변

1

: 선택 :

$('select[name=selectbox]').on('mousedown','option',function(ev) { 
    ev.preventDefault(); 
    $(this).prop('selected', !$(this).is(':selected')); 
}); 

+1

을 클릭 할 때 Ctrl 키를 누르고 있으면 작동하지 않을 것입니다 :) 선택 사항 인 – Robert

+2

을 선택하고 다음을 선택합니다. 선택한 선택기를 선택하십시오 .. – Kamil

+1

그래도 변경하는 것을 잊지 마십시오. 확인 :). 변경 if ($ (this)) .is (': checked')) {to if ($ (this) .is (': selected')) { – Robert