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

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

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

如何通过onchange事件将当前选择的值从SELECT传递到Javascript函数

---

执行此操作时，该函数具有select当前具有的任何值。

问题是错误信息。你写的是一个PHP问题，谈论选择，这让我觉得你在谈论对数据库的请求。@Alexander-我删除了对PHPI的引用，知道这很旧，但可能有人会看到它-我正在尝试这样做，但我想传递选项标记中定义的值，而不是值本身。我该怎么做？-例如，在上面的代码中，我想以value=full\u history的形式传递full\u history，但是这个.value正在传递full history。@ZeekLTK听起来选项没有设置value属性，因此从选项本身获取文本。如果你把你的代码放在另一个问题中，那么它可能会提供比我从简单的评论中获得的更多的洞察力。谢谢Gabe，我想现在已经太晚了，我不小心漏掉或删除了等号，所以使用上面的示例只是valuefull_history。一旦我将语法修改为value=full_history，它就会传递我想要的内容。谢谢

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

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

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