DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS獲取下拉框顯示值和判斷單選按鈕的方法
JS獲取下拉框顯示值和判斷單選按鈕的方法
編輯:關於JavaScript     

本文實例講述了JS獲取下拉框顯示值和判斷單選按鈕的方法。分享給大家供大家參考。具體如下:

1.本人做過很多項目,都需要得到select組件顯示的值。下面是我經常用到的方法:

Html源碼如下:

<html><body>
<select id="province" name="province" >
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">江蘇</option>
<option value="4">河北</option>
</select>
<br/>
<input type="text" id="provinceName" name="provinceName"/>
<input type="button" onClick="setTxt()" value="賦值"/>
</body></html>

JS函數如下:

function setTxt()
{
 var _selObj=document.getElementByIdx_xx('province');//取下拉框的元素
 var _selVal=_selObj[_selObj.selectedIndex].text;//取下拉框被選中的值
 document.getElementByIdx_xx('provinceName').value=_selVal;
}

2.本人也做過很多判斷radio單選按鈕是否被選中的情況,下面是我常用到得方法:

HTML頁面源碼如下:

<html><body>
<input type="radio" name="time" value="2009-05-20"/>2009-05-20
<input type="radio" name="time" value="2009-05-21"/>2009-05-21
<input type="radio" name="time" value="2009-05-22"/>2009-05-22
<input type="radio" name="time" value="2009-05-23"/>2009-05-23
<input type="button" value="判斷是否選擇" onclick="alert(judge())"/>
</body></html>

JS函數代碼:

function judge()
{ var status =false;
 var _radObj=document.getElementsByName('time');
 for(var i =0;i<_radObj.length;i++){
  if(_radObj[i].checked){
  status=true;
  }
 }
 if(! status){
  alert('未選中時間!');
 }
 return status;
}

希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved