下拉列表操作

最新推荐文章于 2022-04-10 17:37:03 发布

紫晓宁

最新推荐文章于 2022-04-10 17:37:03 发布

阅读量255

点赞数

分类专栏：前端web 文章标签：下拉列表处理

本文链接：https://blog.csdn.net/zixiaoning/article/details/51305759

版权

前端web 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
function count(){//获取下拉列表的值，触发时间是加载此函数
  //  var num1=parseInt(document.getElementById("txt1").value);//获取文本框的值，txt1是文本框的id
    /*//表单中下拉列表的信息
     <select id='select'>
     <option value='+'>+</option>
     <option value="-">-</option>
     <option value="*">*</option>
     <option value="/">/</option>
     </select>*/

    var obj=document.getElementById("select");//下拉按钮组名为select,获取是对象类型
    alert(obj.value);//obj.value的值是+，obj是数组
var value= obj.options[4].value;//返回的是value='+'的信息,直接返回定位出value值
  switch( obj.value){
   case '+':document.getElementById("result").value=num1+num2;break;//根据下拉列表的信息，改变文本框内的信息
   case '-': document.getElementById("result").value=num1-num2;  break;
   case '*': document.getElementById("result").value=num1*num2; break;
}</script>