关于根据文本框中的特定值来隐藏div的事件

Question

根据文本框里的特定值来隐藏一个div的事件
是不用刷新就能在前页面上立马看到效果的。
代码如下：
<div class="grid-4-12">
<label class="form-lbl">联系人所属<em class="form-req">*</em></label>
<s:select name="lxrssid" list="lxrsslist" listKey="id" listValue="name" headerKey="" 
headerValue="-请选择-" value="lxrss.id"  cssClass="required"></s:select>
</div>
<div class="grid-4-12">
<label class="form-lbl" for="tmp-lxrlb">联系人类别</label>
<s:select id="tmp-lxrlb" name="lxrlb" value="lxrlb.name()" listKey="name()" list="@cn.com.ecenter.hzyzgis.constant.LinkManType@values()"  headerKey="" headerValue="-请选择-" />
</div>我之前是用<s:set/>加<s:if></s:if>
来判断 但是需要刷新后才能看到效果
求解答 在线等 
在此谢过了。

Answer 1

文本框在那？
<input type=text id="textVal">
document.getElementById("textVal").onchange = function() {
if(this.value == "1") {
    document.getElementById("div").style.display = "none";
}
else {
    document.getElementById("div").style.display = "block";
}};
改改条件值吧

Answer 2

谢谢了。
还是用jquery做了、

Answer 3

 $("#sugPurchWay").change(
 function () {
 if ($("#sugPurchWay").attr("value") == "谈判") {
 $("#negTr").attr("style","display:");
 } else {
 $("#negTr").attr("style","display:none");
 }
 }
 );
这个是根据select选择的值进行隐藏显示的，你改改试试。