Javascript를 사용하여 선택 입력과 상호 작용합니까?

10 개의 옵션과 ID "myselect"가있는 선택 입력이 있다고 가정 해보십시오. 페이지로드시 또는 기본적으로 가능한 한 빨리이 방법으로로드 된 것처럼 보이며 "myselect"에서 어떤 옵션이 선택되어 있는지 확인하고 select에있는 부모 div에 css 클래스를 추가 할 수 있습니까?Javascript를 사용하여 선택 입력과 상호 작용합니까?

이 질문의 두 번째 부분은 페이지를로드 한 후에 선택을 변경하면 그에 따라 CSS 클래스를 변경하는 가장 좋은 방법은 무엇입니까? onload보다는 onclick 같은 것을 사용하는 두 번째 javascript 비트를 추가하는 것이 가장 좋을까요?

출처

2012-08-01 BRAINBUZZ media

아무 것도 선택되지 않습니다. 아니면 특별한 것이 있습니까? – Bergi

[jsfiddle.net] (http://jsfiddle.net/)은 이와 같은 것들을 테스트 할 수 있습니다. 거기서 놀고 우리에게 당신을 도울 수있는 링크를 보여줄 때 –

이전의 설정을 새로 고침 할 때 아약스입니다. 그것은 아약스와 함께 일하는 파일들입니다. 이 무언가의 이드를 잡아서 무엇이 선택되어 있는지보기는 비교적 간단하지 않습니까? –

로드 된 즉시 무언가에 연결하는 가장 좋은 방법은 HTML 요소 바로 뒤에 인라인 JavaScript 블록을 사용하는 것입니다. document.ready를 사용하는 것보다 훨씬 덜 우아하지만 작동해야합니다. 다음과 같은 경우 :

<select name="s1" id="S1">...<.select> 
<script type="text/javascript"> 
var sel = document.forms[0].S1; 
var ind = sel.selectedIndex; <-- this will tell you which is selected 
if(ind==3) { 
    document.getElementById("S1").parentNode.setAttribute("className", "active") 
} 
</script>

두 번째 부분에서는 "onchange"이벤트를 연결하려고합니다.

출처

2012-08-01 13:39:37

Javascript를 사용하여 선택 입력과 상호 작용합니까?

답변

관련 문제