Передать значение SELECT в функцию Javascript через событие onchange?

Question

У меня есть HTML-страница с окном поиска, содержащим несколько текстовых полей.

Первая часть окна поиска представляет собой раскрывающийся список SELECT , который содержит различные типы отчетов. Для каждого типа отчета необходимо заполнить 1 или несколько текстовых полей для фильтрации результатов запроса. Моя цель - скрыть текстовые поля, которые не требуются для текущего типа отчета.

Как передать текущее выбранное значение из SELECT в функцию Javascript через событие onchange ?

<select name="report_type" onchange="hide();">
<option value="full_history">Full History</option>
<option value="partial_history">Partial History</option>            
</select>

Answer 1

<select name="report_type" onchange="hide(this.value);">
<option value="full_history">Full History</option>
<option value="partial_history">Partial History</option>            
</select>

При этом функция имеет любое значение, выбранное в данный момент.

Answer 2

function f1()
{
var obj1= document.getElementById("img");
var obj2= document.getElementById("s1");
obj1.src=obj2.value;
}

Select Image:
    <select id="s1" onchange="f1()">
        <option value="img1.jpg">img1.jpg</option>
        <option value="img2.jpg">img2.jpg</option>
        <option value="img3.jpg">img3.jpg</option>
        <option value="img4.jpg">img4.jpg</option>

    </select> <br><br>
    <img id='img' src="img1.jpg" height="500" width="500">