在javascript中操作选定的选项

时间:2015-04-20 13:01:13

标签: javascript html

/////////////////////////////////////////////// //////////////////////////////

这是我的代码,当我点击按钮显示函数返回时,没有任何内容出现。

HTML

<!doc type HTML>
<HTML>
<head>
<meta catharses="utf-8">
<title>Untitled Document</title>
<form name="form4"  method="post" action="">

<div align="center">

<p>
<select name="quantity" id="quantity" width: 129px;">
<option>3,000</option>
<option>5,000</option>
<option>10,000</option>
<option>20,000</option>
<option>50,000</option>
<option>100,000</option>
<option>200,000</option>
<option>300,000</option>
</select>
<br />
</p>
</div>

   

<scrip> text=JavaScript

var selected_quantity = function () {

if(form4.selectedIndex==0){
return  50;

}
if(form4.selectedIndex==1){

return  60;//and so on,,,

1 个答案:

答案 0 :(得分:0)

如果您希望在用户更改下拉框时自动提交表单,请将“onchange”属性添加到标记,以触发表单提交。我相信你也必须在表单中添加一个ID属性:

    <form id="form_main" name="form4"  method="post" action="<url to post results to>">
 <div align="center">
  <p>
   <select name="quantity" id="quantity" style="width: 129px;" onchange="form_main.submit();">
   <option value="3,000">3,000</option>
  <option value="5,000">5,000</option>
  <option value="10,000">10,000</option>
  <option value="20,000">20,000</option>
  <option value="50,000">50,000</option>
  <option value="100,000">100,000</option>
  <option value="200,000">200,000</option>
  <option value="300,000">300,000</option>
  </select>
</p>
</div>
 </form>

我希望这有帮助!