日期:2014-05-16  浏览次数:20332 次

js获取下拉列表的值

要求:这是一个查询,下拉列表前有个文本框,下拉列表是查询的类型,文本框中输入的是类型的值,比如说,选中下拉列表的按IP,则文本框中输入的就是你要查询那个ip的信息(127.0.0.1),当选择按时间查询的时候,文本框中要是以日历的形式。

导入my97的js

<script language="javascript" type="text/javascript"
 src="../../js/My97DatePicker/WdatePicker.js"></script>

方法
<script language="javascript" type="text/javascript">
 function selectValue(){
  var thisValue=document.getElementById("searchKind").value;//根据id获得下拉列表的值
if(thisValue=="feeTime"){//判断选的是不是时间(js中比较字符串用==,而不是equals,因为js中没有equals这个方法)
   document.getElementById("searchContent").outerHTML
   ="<input name='searchContent' size='25'  maxlength='20' id='searchContent' onClick='WdatePicker()'/>";

//如果相等,将文本框的html标签改为可以点击出日历的形式
else{//如果不相等,将文本框的html标签不变   document.getElementById("searchContent").outerHTML
   ="<input name='searchContent' size='25'  maxlength='20' id='searchContent'/>";
  }
 }
</script>

 

下拉列表和文本框

 <s:textfield name="searchContent" size="25"  maxlength="20" id="searchContent"/>
               <s:select list="#{'按IP':'gatewayIp','按时间':'feeTime','按网吧名称':'name','按县':'county'}" name="searchKind" id="searchKind" listKey="value" listValue="key" onchange="selectValue();">
             </s:select>

onchange="selectValue();"当选择的下拉列表值改变,则就调用selectValue()方法