2016-02-29 6 views
0

У меня есть комбо в моем html, и иногда мне нужно изменить значение на первое, используя javascript.Как выбрать первое значение в комбо

enter code here 
    <select name="myCombo" id="myCombo"> 
    <option value="1">first option</option>; 
    <option value="2">second option</option>; 
    <option value="3">third option</option>; 
    <option value="4">Other</option>; 

    </select> 
    // resetCombo('myCombo') 

А Javascript функция с комбо в качестве параметра:

function resetCombo(combo) { 
     document.getElementById(combo).value = document.getElementById(combo).get_items().getItem(0); 
} 

Но это не работает. Каков правильный способ сделать это?

ответ

3

обновление ваш метод

function resetCombo(combo) { 
    document.getElementById(combo).selectedIndex =0; 
} 
0

попробовать это,

function resetCombo(combo) { 
     document.getElementById(combo).value = document.getElementById(combo).options[0].value; 
} 
0

Попробуйте это:

function resetCombo(combo) { 
 
     document.getElementById(combo).value = document.querySelector('#' + combo + ' option:nth-child(1)').value; 
 
} 
 
document.getElementsByTagName('button')[0].onclick = function() { 
 
    resetCombo('myCombo'); 
 
}
<select name="myCombo" id="myCombo"> 
 
    <option value="1">first option</option>; 
 
    <option value="2">second option</option>; 
 
    <option value="3">third option</option>; 
 
    <option value="4">Other</option>; 
 

 
</select> 
 
<button>reset</button>

Смежные вопросы