如何在HTML中获取下拉列表的值并将其传递给javascript函数

因此，我有两个下拉列表，其中包含完整的HTML编程值。一旦用户点击了一个下拉列表的选择，我需要将该值传递给一个名为searchVector的javascript函数。这是迄今为止的代码。先进的道歉，如果这是一个转发。如何在HTML中获取下拉列表的值并将其传递给javascript函数

<li> 
    <select name="Industry" id="indy" onchange="accountindustry(value)"> 
     <option value="">Filter By Industry</option> 
     <script language="javascript">drawIndustryList();</script> 
    </select> 
</li> 
<li> 
    <select name="ServiceSegment" id="sersec" onchange="accountservicesegment(value)"> 
     <option value="">Filter By Service Segment</option> 
     <script language="javascript">drawServiceList();</script> 
    </select> 
</li>

来源

2014-01-29 user3123222

如果你需要调用searchVector（），你为什么要改变accountindustry（）和accountservicesegment（）？ – Yani

如果你想调用它们，请调用例如onchange ='function（）{accountindustry（value）; searchVector（值2）; };” – enigma

不使用额外的库，你可以通过this回调：

<select name="Industry" id="indy" onchange="accountindustry(this)">

，然后访问值：

function accountindustry(select_object) { 
    var value = select_object.options[select_object.selectedIndex].value; 
}

来源

2014-01-29 19:35:06

你可以使用'select_object.value'。 – Barmar

是的。我知道那里过于复杂。谢谢你的发挥。 –

如果我理解你的问题，你试图做这样的事情：

<select name="filter" id="filter" onchange="changeFilter(this)"> 
    <option value=""></option> 
    <option value="Industry">Filter By Industry</option> 
    <option value="ServiceSegment">Filter By Service Segment</option> 
</select> 

<script type="text/javascript"> 
    function changeFilter(el) { 
     searchVector(el.value); 
    } 
</script>

来源

2014-01-29 19:39:56 Skwal

指当前元素，使用特殊的变量this：

<select name="Industry" id="indy" onchange="accountindustry(this.value)">

value本身不是一个变量，它的元素的属性。

来源

2014-01-29 19:43:43 Barmar

如何在HTML中获取下拉列表的值并将其传递给javascript函数

回答

相关问题