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" οnchange="selectValue();">
             </s:select>

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