如何使用相同的文本域名称属性来添加值

时间:2015-02-12 09:41:39

标签: javascript jquery html

您好我有两个包含值的选择菜单,我的意图是将两个选择菜单的值复用并在TextField中显示,

通过这样做,我成功完成了这项工作:

<script type="text/javascript"><!--
function updatesum() {

document.form1.textfield3.value = (document.form1.selectt.value -0) * (document.form1.selecttt.value -0); 
}

//--></script>

 <form id="form1" name="form1" method="post" action="val.php">
 <label><strong><br />
         Chelsea vs Arsenal</strong>
         <select name="selectt" onchange="updatesum()">
           <option value="0">select</option>
           <option value="100">100</option>
           <option value="200">200</option>
         </select>
       </label>
       <label><strong>odds</strong>
         <select name="selecttt" onchange="updatesum()">
           <option value="0">select</option>
           <option value="100">L</option>
           <option value="200">W</option>
             <option value="400">D</option>
         </select>
       </label>

       <input name="textfield3" type="text" /><br />

       </form>

现在我正在尝试使用相同的名称属性执行此选择菜单的两倍,但它拒绝计算。

这是我试过的:

document.form1.textfield3.value = (document.form1.selectt.value -0) * (document.form1.selecttt.value -0)    }

//--></script>

 <form id="form1" name="form1" method="post" action="val.php">

       <label><strong><br />
         Chelsea vs Arsenal</strong>
         <select name="selectt" onchange="updatesum()">
           <option value="0">select</option>
           <option value="100">100</option>
           <option value="200">200</option>
         </select>
       </label>
       <label><strong>odds</strong>
         <select name="selecttt" onchange="updatesum()">
           <option value="0">select</option>
           <option value="100">L</option>
           <option value="200">W</option>
             <option value="400">D</option>
         </select>
       </label>

       <input name="textfield3" type="text" /><br /> <label><strong><br />
         Chelsea vs Arsenal</strong>
         <select name="selectt" onchange="updatesum()">
           <option value="0">select</option>
           <option value="100">100</option>
           <option value="200">200</option>
         </select>
       </label>
       <label><strong>odds</strong>
         <select name="selecttt" onchange="updatesum()">
           <option value="0">select</option>
           <option value="100">L</option>
           <option value="200">W</option>
             <option value="400">D</option>
         </select>
       </label>

       <input name="textfield3" type="text" /><br />

       </form>

我希望它能以这种方式运作,但事实并非如此,我怎样才能实现这一目标?

1 个答案:

答案 0 :(得分:0)

我不明白你想说的是什么,但我写了一些伪代码,希望这会对你有所帮助......

伪代码

<script>
var globalVariable=1;
function updateSum(){
//get current element value
globalVariable*=document.form.select.value
textfield.value = globalVariable;
}
</script>