2014-02-19 2 views
0

드롭 다운 상자에서 요소를 선택하는 데 문제가 있습니다. 여기가 드롭 다운 상자에서 내가 원하는 값을 설정하지 않고, 내가 아래하려고 할 때 내가 크롬에 그러나이자바 스크립트를 사용하여 드롭 다운에서 값을 설정할 수 없습니다.

document.getElementById('payflow-form-ccMonth-select-select'); 

을 실행할 때 사업부가 제대로 반환됩니다 사업부

<div class="select ccMonth" id="payflow-form-ccMonth-select"> 
<select name="expMonth" class="month payflow-form-ccMonth-select hidden" id="payflow-form-ccMonth-select-select"> 
<option value="Month">Month</option> 
<option value="1">1</option> 
<option value="2">2</option> 
</select> 
<span name="expirationMonthSpan">Month</span><ul> 
<li data-index="0">Month</li> 
<li data-index="1">1</li> 
<li data-index="2">2</li> 
</ul> 
</div> 

입니다 .

document.getElementById('payflow-form-ccMonth-select-select').selectedIndex=1; 

나는 또한 먼저 드롭 다운 상자를 확장하는 click()으로 포커스를 얻으려고했지만 여전히 작동하지 않습니다.

document.getElementById('payflow-form-ccMonth-select-select').click(); 
document.getElementById('payflow-form-ccMonth-select-select').selectedIndex=1; 

은 또한 하나

document.getElementById('payflow-form-ccMonth-select-select').value = 1; 

내가 누락 될 수 있습니다 무엇에 어떤 힌트를 작동하지 않았다 이것을 시도? 감사

+0

당신의 코드와 그 작동 확인을 선택한 시도 할 수 있다는 것입니다 http://jsbin.com/zez/2/edit – Champ

답변

0

시도 :

var dropdown = document.getElementById('payflow-form-ccMonth-select-select'); 
    dropdown.options[indexToSelect].selected = true; 
0

것은 내가 당신의 코드와 작업 정밀 검사 This을 확인했다. 내가 생각할 수있는

유일한 문제는 코드가 head에 배치하고 실제 페이지 전에 실행 얻을

준비가되어 당신이 window.onload

window.onload = function(){ 
    document.getElementById('payflow-form-ccMonth-select-select').selectedIndex= 1; 

} 
관련 문제