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出在哪里

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML的未來趨勢是語義化和Web組件,CSS的未來趨勢是CSS-in-JS和CSSHoudini,JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果,Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積,CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡,Serverless簡化開發但需優化冷啟動問題。

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML、CSS和JavaScript在網頁開發中的角色分別是:HTML負責內容結構,CSS負責樣式,JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容,確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式,使其美觀易讀。 3.JavaScript通過腳本控製網頁行為,實現動態和交互功能。

HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義,使用、、等標籤。 2.提供語義化標記,如、、等,提升SEO效果。 3.通過標籤實現用戶交互,需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號,需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。

HTML的作用是通過標籤和屬性定義網頁的結構和內容。 1.HTML通過到、等標籤組織內容,使其易於閱讀和理解。 2.使用語義化標籤如、等增強可訪問性和SEO。 3.優化HTML代碼可以提高網頁加載速度和用戶體驗。

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增強WebevebDevelopment。
