在项目中学习


sendMSG:function(code,cmd,value){   

  if(cmd=='B'){  

  var r=confirm('是否确认向终端 '+ code +' 发送休眠指令?');

  }    

  if(cmd == 'D'){   

 var r=confirm('是否确认向终端 '+ code +' 发送唤醒指令?');

  }

  if(r==false){   

 return;  

 }  

//http://114.242.152.140:8085/portal-collect/sendOrders.htm?k='+Math.random();          

$.ajax({            

async:false,            

url:'http://11.205.32.63:8080/piccgeteway/sendOrders.htm?k='+Math.random(),        

//http://11.205.32.63:8080/piccgeteway/sendOrders.htm?equipId=004198003&command=M&value=123            

type: "GET",            

dataType: 'jsonp',            

jsonp: 'jsoncallback',            

timeout: 5000,            

data:{              

equipId:code,              

command:cmd,              

value:value            

},            

success:function(data){                

if (data.status == '0'){                    

   alert('指令发送失败,请检查设备。');               

  }else{                       

    alert('指令发送成功。');                

}              

//$("#message").html("status    :"+data.status);            

},error : function(data){              

alert("通信错误,请重新操作或者联系管理员!");            

},          

});

},  


<div id="dialog1" style="position: absolute;z-index: 9999;background: url('images/alarmbox.gif'); 321px;display: none; border-bottom: 1px solid #97C0D7">
<div style="height:30px;line-height: 27px;"><span class="leftTitle">发送短信</span><span class="closeBtn" onclick="$('#dialog1').css({display:'none'});">X</span></div>
<table width="100%" cellpadding="2" cellspacing="0" border="0">
<tr><td align="right">车牌号:</td><td><input id="carcode" value="" disabled="disabled"/></td></tr>
<tr><td align="right">信息:</td><td><textarea id="msg" rows="2" style="200px;"></textarea></td></tr>
<tr><td align="right">常用短语:</td>
<td><select onchange="$('#msg').val(this.value);">
<option value="">请选择常用短语!</option>
<option>请加速行驶</option>
<option>您的车辆已超速</option>
<option>请马上到指定地点报到</option>
<option>请您注意安全</option>
<option>刚才您的短消息已经收到</option>
<option>祝您工作愉快</option>
</select></td></tr>
<tr><td align="center" colspan="2"><input type="button" value="发送" onclick="Interface.sendMSG(equipcode,cmd,$('#msg').val());$('#dialog1').css({display:'none'});"/> 
<input type="button" value="关闭" onclick="$('#dialog1').css({display:'none'});"/></td></tr>
</table>
</div>


1、textarea标签

2、select,option标签

3、<div><span></span><span></span></div> 

    <div>

   <table>

   <tr><td></td><td></td></tr>

   ......

   </table>

   </div>样式组织方式

4、<select onchange="$('#msg').val(this.value);"> 绑定事件处理方法,双引号-单引号写法,jquery的val方法

5、<input type="button" value="发送" onclick="Interface.sendMSG(equipcode,cmd,$('#msg').val());$('#dialog1').css({display:'none'});"/> input标签,jquery的css方法,绑定2个事件处理方法, jquery的ajax方法

6、<div id="dialog1" style="position: absolute;z-index: 9999;background: url('images/alarmbox.gif'); 321px;display: none; border-bottom: 1px solid #97C0D7">  标签的style属性

原文地址:https://www.cnblogs.com/zhangjun1130/p/3202108.html