Question

我有一个HTML页面，其中包含一个包含许多文本框的搜索框。

搜索框的第一部分是 SELECT 下拉列表，其中包含各种报告类型。每种报告类型都需要填写一个或多个文本框才能过滤查询结果。我的目标是隐藏当前报告类型不需要的文本框。

如何通过 onchange 事件将 SELECT 中当前选定的值传递给Javascript函数？

<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">

通过onchange事件将SELECT的值传递给Javascript函数？

2 个答案: