控件包括按钮A,按钮B(默认隐藏),文本域C
点击页面上的按钮A,后台会执行一个shell脚本,shell执行完之后会把类似日志的结果返回到文本域C中,如果文本域C中包含fail关键字,默认隐藏的按钮B显示fail,并且按钮颜色是红色,反之隐藏的按钮B显示pass,颜色是绿色,小弟不太会js,谁能给个简单的示例代码,谢谢!
------解决方案--------------------
<script type="text/javascript">
function test(){
var cVal = document.getElementById("C").value;
var bb = document.getElementById("B");
if(cVal.indexOf("fail") > -1){
bb.value='fail';
bb.style.display='';
bb.style.backgroundColor="red";
}else{
bb.value ='pass';
bb.style.display='';
bb.style.backgroundColor="green";
}
}
</script>
<body >
<input type="button" onClick="test();" id="A" value="A">
<input type="button" id="B" value="B" style="display:none;">
<input type="text" id="C" value="xxx fail xxxxxx">
</body>
自己贴出去看下效果,呵呵,我看还行
------解决方案--------------------
没显示是因为button的容器被隐藏了,你只设置了button显示灭用
if (resultValue.indexOf("Fail") != -1) {
alert(button.value);
//element.stlye.visibility="visible";
button.value = 'Fail';
button.parentNode.stlye.display = ''; ////////设置容器显示而不是button
button.style.backgroundColor = 'red';
} else {
alert(button.value);
//element.stlye.visibility="visible";
button.value = 'Pass';
button.parentNode.stlye.display = ''; ////////设置容器显示而不是button
button.style.backgroundColor = 'green';
}
AJAX实现
<script type="text/javascript">
function ajaxcheck(btn) {
var f = btn.form;
$.ajax({ url: 'monitorServlet', data: $(f).serialize(), type: 'POST', dataType: 'html'