Javascript를 사용하는 옵션의 값으로 선택 상자에서 옵션을 선택하는 방법은 무엇입니까?

Question

사용할 수있는 모든 옵션이있는 선택 상자가 있습니다. 사용자가 응용 프로그램에서 레코드를 클릭하면 해당 레코드의 옵션 값을 포함하는 xml 응답을받습니다. 선택 상자를 다시로드 할 필요없이 선택 상자에서 해당 특정 옵션에 대해 선택한 색인을 설정하려면 자바 스크립트를 사용하고 싶습니다. 옵션의 값이나 이름을 기반으로 옵션 색인을 쉽게 찾을 수 있습니까? 그런 다음 해당 옵션을 선택한 색인으로 설정할 수 있습니다.

Answer 1

내가 두 번째 토비의 답변을 것입니다. 당신이 어떤 이유로 기존 라이브러리를 사용할 수없는 경우 그러나, 그것은 일반 자바 스크립트에서 할 쉽게 충분 : 대신 옵션의 텍스트를 사용하려는 경우, .text로 .value 교체

function selectByValue(el, value) { 
    for (var i=0, len=options.length; i<len; i++) { 
     if (el.options[i].value == value) { 
      el.selectedIndex = i; 
      break; 
     } 
    } 
} 

. 선택 옵션에는 "이름"속성이 없으므로 "텍스트"를 사용한다고 가정합니다.

Answer 2

jQuery 나 Prototype과 같은 JS 라이브러리를 살펴 보는 것이 좋습니다. 그들은 이런 종류의 일을 쉽게 만듭니다.

Answer 3

그것은이에 아주 가까이 있습니다 :

function find_index(options, value) { 
    for (var i=0; i<options.length; i++) { 
     if (options[i].value == value) { 
      return i; 
     } 
    } 
    return -1 
} 

function set_selected_option(select_element, value) { 
    var index = find_index(select_element.options, value) 
    if (index != -1){ 
     select_element.selectedIndex = index; 
    } 
}