드롭 다운에 유효성 검사를 추가하는 방법

Question

드롭 다운에 몇 가지 간단한 유효성 검사를 추가하고 싶습니다. 예를 들어 데이터가 포함 된 서로 나란히 3 개의 드롭 다운이 있습니다. 나는 각 드롭 다운에서 한 번에 하나의 항목을 선택할 수 있도록 허용하고 싶습니다. 사용자가 데이터를 선택하면 해당 드롭 다운 내의 다른 항목을 선택하지 못하도록 드롭 다운을 비활성화해야합니다. 나는

my_condition = true; 
 
var lastSel = $("#column1 option:selected"); 
 

 
$("#column1").change(function() { 
 
    if (my_condition) { 
 
    lastSel.attr("selected", true); 
 
    } 
 
}); 
 

 
$("#column1").click(function() { 
 
    lastSel = $("#column1 option:selected"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="column1" class="text_select" name="column1" onChange=""> 
 
    <option value="">- Preferred Time -</option> 
 
    <option value="- Sold Out -">- Sold Out -</option> 
 
    <option value="2:30 - 4:00pm">2:30 - 4:00pm</option> 
 
</select> 
 
<select id="column2" class="text_select" name="column2" onChange=""> 
 
    <option value="">- Preferred Time -</option> 
 
    <option value="- Sold Out -">- Sold Out -</option> 
 
    <option value="2:30 - 4:00pm">2:30 - 4:00pm</option> 
 
</select> 
 

 
<select id="column3" class="text_select" name="column3" onChange=""> 
 
    <option value="">- Preferred Time -</option> 
 
    <option value="- Sold Out -">- Sold Out -</option> 
 
    <option value="2:30 - 4:00pm">2:30 - 4:00pm</option> 
 
</select>

Answer 1

글쎄, 당신은 요소 부울 속성

function onChange(elem) { 
    $(elem).prop("disabled",true); 
} 

사용 prop() (그 돈을 '비활성화하는 함수를 만들 수 있습니다, 그것을 시도했지만 성공하지 않은 t 값이 있음). disabled 또는 readonly입니다.

그런 다음이 함수를 각 선택의 onchange 처리기로 사용하고 첫 번째 매개 변수로 this을 전달합니다. this이 변경 될 선택 항목이됩니다.

<select id="column1" class="text_select" name="column1" onchange="onChange(this);"> 

---

또는 단순 jQuery를에서 이벤트 핸들러를 할당합니다

$("#column1,#column2,#column3").on("change",function() { 
    $(this).prop("disabled",true); 
});