将<select>值传递给函数参数

时间:2015-11-12 13:10:33

标签: javascript

我选择了我的车型。如何将其值传递给参数更改函数? &LT; HTML&GT; &LT; HEAD&GT;     &LT;标题&GT;你好&LT; /标题&GT; &lt; script src =&#34; http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"&gt;&lt; / script&gt;     &lt; script language =&#34; JavaScript&#34;&gt;         var a = 0;         var b = 0;     &LT; /脚本&GT; &LT; /头&GT; &LT;身体GT;     &LT;脚本&GT;         功能改变()         {         A = 5         B = 6         更新();         }         功能更新()         {         var returns = document.getElementById(&#34; return&#34;);         returns.value = a;         var status = document.getElementById(&#34; status&#34;);         status.value = b;         }     &LT; /脚本&GT;     &LT;形式&GT;     &lt; input type =&#34; button&#34;值=&#34;变更&#34;的onclick =&#34;变化()&#34;&GT;     &lt; input type =&#34; text&#34;命名=&#34;返回&#34; ID =&#34;返回&#34;&GT;     &lt; input type =&#34; text&#34;命名=&#34;状态&#34; ID =&#34;状态&#34;&GT; &lt; select name =&#34; cars&#34;&gt;   &lt; option value =&#34; volvo&#34;&gt; Volvo&lt; / option&gt;   &lt; option value =&#34; saab&#34;&gt; Saab&lt; / option&gt;   &lt; option value =&#34; fiat&#34;&gt;菲亚特&lt; / option&gt;   &lt; option value =&#34; audi&#34;&gt; Audi&lt; / option&gt; &LT; /选择&GT;     &LT; /形式&GT; &LT; /体&GT; &LT; / HTML&GT;

1 个答案:

答案 0 :(得分:1)

除了额外的脚本标记(错误),您可以使用select获取javascript元素的值,如:

<强> HTML

<select name="cars" id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
  <option value="audi">Audi</option>
</select>

<强>的javascript

var cars = document.getElementById("cars");
var carSelected = cars.options[cars.selectedIndex].value;

或者正如@RickHitchcock所提到的那样,只需使用cars.value