日期:2014-05-16 浏览次数:20369 次
要求:这是一个查询,下拉列表前有个文本框,下拉列表是查询的类型,文本框中输入的是类型的值,比如说,选中下拉列表的按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()方法