select 控件的单击事件怎么做_html/css_WEB-ITnose
select
想要在点击的时候发给服务器一个参数要怎么做
回复讨论(解决方案)
用change事件不行吗 只有发生变化时才发送请求
用change事件不行吗 只有发生变化时才发送请求
请来点代码 菜鸟一只
不行 点击了毫无反应
用change事件不行吗 只有发生变化时才发送请求
看图片怎么感觉楼主用的不是select啊?select的change事件应该是可以的。代码能看看不?
这东西不是select的吧
这东西不是select的吧
是select是JQM上面的用了框架
看图片怎么感觉楼主用的不是select啊?select的change事件应该是可以的。代码能看看不?
这是控件的代码
单击事件已经做出来了 但是用这个运行服务器端的代码会导致服务器端的代码运行顺序发生问题 运行出来的程序不会报错,能运行 但功能有时候能实现有时候不能实现
这是完整的JS代码
<script> <br /> //定义一个函数用以显示当前时间 <br /> <br /> function ms() { <br /> loms(); <br /> displayTime(); <br /> } <br /> <br /> function displayTime() { <br /> var elt = document.getElementById("falsh"); <br /> var now = new Date(); <br /> elt.innerHTML = now.toLocaleTimeString(); <br /> setTimeout(displayTime,1000); <br /> callServer(); <br /> <br /> } <br /> function ajaxRomex(){ <br /> if (window.ActiveXObject) { <br /> return new ActiveXObject("Microsoft.XMLHTTP"); <br /> } else if (window.XMLHttpRequest) { <br /> return new XMLHttpRequest(); <br /> } <br /> <br /> } <br /> var xhr; <br /> var url; <br /> function callServer() { <br /> <br /> url = "Default.aspx?_" + new Date().getTime(); <br /> xhr = ajaxRomex(); <br /> xhr.onreadystatechange = updatePage; <br /> xhr.open("GET", url, true); <br /> xhr.send(null); <br /> <br /> } <br /> <br /> function updatePage() { <br /> if (xhr.readyState == 4 && xhr.status == 200) { <br /> var dom = xhr.responseXML; <br /> document.getElementById("s1").value = dom.getElementsByTagName("Temperature")[0].firstChild.nodeValue+"℃"; <br /> document.getElementById("s2").value = dom.getElementsByTagName("Humidity")[0].firstChild.nodeValue+"%"; <br /> document.getElementById("s3").value = dom.getElementsByTagName("Airquality")[0].firstChild.nodeValue+"级"; <br /> document.getElementById("s4").value = dom.getElementsByTagName("Fan")[0].firstChild.nodeValue == 0 ? "开" : "关"; <br /> } <br /> } <br /> window.onload = ms; <br /> function loms(){ <br /> $("#toggleswitch2").change(function () { <br /> url = "Default.aspx?bu=Button1&_" + new Date().getTime(); <br /> xhr = ajaxRomex(); <br /> xhr.open("GET", url, true); <br /> xhr.send(null); <br /> }); <br /> $("#toggleswitch3").change(function () { <br /> url = "Default.aspx?bu=Button2&_" + new Date().getTime(); <br /> xhr = ajaxRomex(); <br /> xhr.open("GET", url, true); <br /> xhr.send(null); <br /> }); <br /> $("#toggleswitch4").change(function () { <br /> url = "Default.aspx?bu=Button3&_" + new Date().getTime(); <br /> xhr = ajaxRomex(); <br /> xhr.open("GET", url, true); <br /> xhr.send(null); <br /> }); <br /> $("#toggleswitch5").change(function () { <br /> url = "Default.aspx?bu=Button4&_" + new Date().getTime(); <br /> xhr = ajaxRomex(); <br /> xhr.open("GET", url, true); <br /> xhr.send(null); <br /> }); <br /> $("#toggleswitch6").change(function () { <br /> url = "Default.aspx?bu=Button5&_" + new Date().getTime(); <br /> xhr = ajaxRomex(); <br /> xhr.open("GET", url, true); <br /> xhr.send(null); <br /> }); <br /> $("#toggleswitch7").change(function () { <br /> url = "Default.aspx?bu=Button6&_" + new Date().getTime(); <br /> xhr = ajaxRomex(); <br /> xhr.open("GET", url, true); <br /> xhr.send(null); <br /> }); <br /> } <br /> <br /> </script>
接下来是完整的服务器端代码
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient;
using System.Xml;
using System.Xml.Serialization;
using System.Text;
using System.IO;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Response.Clear();
Response.ContentType = "text/xml";
Response.Charset = "UTF-8";
string db = "Data Source=LENOVO-85DD1539;Initial Catalog=Emne;User ID=sa;Password=ehs123456";
string sql = "select * from Emne";
SqlConnection conn = new SqlConnection(db);
conn.Open();
SqlCommand comm = new SqlCommand(sql, conn);
SqlDataReader sdr = comm.ExecuteReader();
Class1 c = new Class1();
while (sdr.Read())
{
c.Id = Convert.ToInt32(sdr["Id"]);
c.Temperature = Convert.ToInt32(sdr["Temperature"]);
c.Humidity = Convert.ToInt32(sdr["Humidity"]);
c.Airquality = Convert.ToInt32(sdr["Airquality"]);
c.Fan = Convert.ToInt32(sdr["Fan"]);
c.Button1 = Convert.ToInt32(sdr["Button1"]);
c.Button2 = Convert.ToInt32(sdr["Button2"]);
c.Button3 = Convert.ToInt32(sdr["Button3"]);
c.Button4 = Convert.ToInt32(sdr["Button4"]);
c.Button5 = Convert.ToInt32(sdr["Button5"]);
c.Button6 = Convert.ToInt32(sdr["Button6"]);
}
XmlWriter writer = null;
try
{
XmlSerializer serializer = new XmlSerializer(c.GetType());
//string l = AppDomain.CurrentDomain.BaseDirectory;
//StreamWriter myWriter = new StreamWriter(l + "/myFileName.xml");
//mySerializer.Serialize(myWriter, c);
writer = new XmlTextWriter(Response.OutputStream, Encoding.UTF8);
serializer.Serialize(writer, c);
}
finally
{
if (writer != null)
{
writer.Close();
}
}
if (Request.QueryString["bu"] != null)
{
try
{
string id = Request.QueryString["bu"].ToString();
if (id.Equals("Button1"))
{
if (c.Button1 == 0)
{
sql = "update Emne set Button1=1 where Id=" + c.Id;
}
else
{
sql = "update Emne set Button1=0 where Id=" + c.Id;
}
conn.Close();
conn.Open();
comm = new SqlCommand(sql, conn);
comm.ExecuteReader();
conn.Close();
}
if (id.Equals("Button2"))
{
if (c.Button1 == 0)
{
sql = "update Emne set Button2=1 where Id=" + c.Id;
}
else
{
sql = "update Emne set Button2=0 where Id=" + c.Id;
}
conn.Close();
conn.Open();
comm = new SqlCommand(sql, conn);
comm.ExecuteReader();
conn.Close();
}
if (id.Equals("Button3"))
{
if (c.Button1 == 0)
{
sql = "update Emne set Button3=1 where Id=" + c.Id;
}
else
{
sql = "update Emne set Button3=0 where Id=" + c.Id;
}
conn.Close();
conn.Open();
comm = new SqlCommand(sql, conn);
comm.ExecuteReader();
conn.Close();
}
if (id.Equals("Button4"))
{
if (c.Button1 == 0)
{
sql = "update Emne set Button4=1 where Id=" + c.Id;
}
else
{
sql = "update Emne set Button4=0 where Id=" + c.Id;
}
conn.Close();
conn.Open();
comm = new SqlCommand(sql, conn);
comm.ExecuteReader();
conn.Close();
}
if (id.Equals("Button5"))
{
if (c.Button1 == 0)
{
sql = "update Emne set Button5=1 where Id=" + c.Id;
}
else
{
sql = "update Emne set Button5=0 where Id=" + c.Id;
}
conn.Close();
conn.Open();
comm = new SqlCommand(sql, conn);
comm.ExecuteReader();
conn.Close();
}
if (id.Equals("Button6"))
{
if (c.Button1 == 0)
{
sql = "update Emne set Button6=1 where Id=" + c.Id;
}
else
{
sql = "update Emne set Button6=0 where Id=" + c.Id;
}
conn.Close();
conn.Open();
comm = new SqlCommand(sql, conn);
comm.ExecuteReader();
conn.Close();
}
}
finally
{
}
}
}
}
求大神帮忙看一下BUG出在哪里

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

The official account web page update cache, this thing is simple and simple, and it is complicated enough to drink a pot of it. You worked hard to update the official account article, but the user still opened the old version. Who can bear the taste? In this article, let’s take a look at the twists and turns behind this and how to solve this problem gracefully. After reading it, you can easily deal with various caching problems, allowing your users to always experience the freshest content. Let’s talk about the basics first. To put it bluntly, in order to improve access speed, the browser or server stores some static resources (such as pictures, CSS, JS) or page content. Next time you access it, you can directly retrieve it from the cache without having to download it again, and it is naturally fast. But this thing is also a double-edged sword. The new version is online,

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

This article demonstrates efficient PNG border addition to webpages using CSS. It argues that CSS offers superior performance compared to JavaScript or libraries, detailing how to adjust border width, style, and color for subtle or prominent effect

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

This article explains the HTML5 <time> element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex
