天天看點

下拉清單操作

<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>      

繼續閱讀