在Dreamweaver里,用javascript语言,点击查询按钮,查询textbox里的内容,然后把内容显示在表格里! 控件的名称麻烦写上注释~多谢 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 查询textbox里的内容!textbox 有很多内容吗?需要查询吗?通常查询是,根据textbox里的内容 查询数据库!这个不是javascript能做的。需要服务器端程序 就是在textbox里输入编号点击查询按钮,然后查询在xml里的数据,不走数据库的。 1.建立一个demo.html, 注意你得包含jquery的js文件(没有的话, 网上搜索了自己下)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>无标题页</title> <script src="jquery-1.4.4.js" type="text/javascript"></script> <script type="text/javascript"> function search() { var searchStrLow = $("#txtTitle").val().toLowerCase(); $.get("1.xml", function(data) { var html = ""; $(data).find('book').each(function() { var titleLow = $(this).find("title").text().toLowerCase(); if (titleLow.indexOf(searchStrLow)!=-1) { html += "<tr><td>" + $(this).find("title").text() + "</td>"; html += "<td>" + $(this).find("author").text() + "</td>"; html += "<td>" + $(this).find("year").text() + "</td></tr>"; $("#tbody1").html(html); } }); }); } </script></head><body> <span>输入标题:</span><input id="txtTitle" type="text" /> <input id="Button1" type="button" value="搜索" onclick="search()" /> <table style="width: 100%;"> <thead><tr><td>Title</td><td>Author</td><td>Year</td></tr></thead> <tbody id="tbody1"> </tbody> </table></body></html>2.建立一个1.xml<?xml version="1.0" encoding="utf-8" ?><bookstore> <book id="No1"> <title>An Introduction to XML</title> <author>Chunbin</author> <year>2010</year> <price>98.0</price> </book> <book id="No2"> <title>The Performance of DataBase</title> <author>John</author> <year>1996</year> <price>56.0</price> </book></bookstore> 楼上的方法是对的,用ajax获取xml,再进行操作。 以图搜图 浏览器如何安装插件? 数据集合,点击按钮,分别让输入框的值相加,求助js不知道那里错了 Jquery 提交数据时 出现的问题 请教一个javascript中处理Dom的问题 insertAdjacentHTML一个DIV后,怎么调用这个DIV无效? 如何修改alert(""),提示弹窗,打开的所在屏幕的位置,和禁止使用键盘回车和空格键来操作这个alert(""),提示弹窗 弹出框IE6下高度不能100% 提个问题来人看一看 chrome调用ActiveX访问硬件设备 JQ下拉框,超出宽度的选项,是反方向弹出来 如何实现判断外部JS加载完毕或者依次执行JS?
就是在textbox里输入编号点击查询按钮,然后查询在xml里的数据,不走数据库的。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<script src="jquery-1.4.4.js" type="text/javascript"></script>
<script type="text/javascript">
function search() {
var searchStrLow = $("#txtTitle").val().toLowerCase();
$.get("1.xml", function(data) {
var html = "";
$(data).find('book').each(function() {
var titleLow = $(this).find("title").text().toLowerCase();
if (titleLow.indexOf(searchStrLow)!=-1) {
html += "<tr><td>" + $(this).find("title").text() + "</td>";
html += "<td>" + $(this).find("author").text() + "</td>";
html += "<td>" + $(this).find("year").text() + "</td></tr>";
$("#tbody1").html(html);
}
});
});
}
</script>
</head>
<body>
<span>输入标题:</span><input id="txtTitle" type="text" />
<input id="Button1" type="button" value="搜索" onclick="search()" />
<table style="width: 100%;">
<thead><tr><td>Title</td><td>Author</td><td>Year</td></tr></thead>
<tbody id="tbody1">
</tbody>
</table>
</body>
</html>2.建立一个1.xml<?xml version="1.0" encoding="utf-8" ?>
<bookstore>
<book id="No1">
<title>An Introduction to XML</title>
<author>Chunbin</author>
<year>2010</year>
<price>98.0</price>
</book>
<book id="No2">
<title>The Performance of DataBase</title>
<author>John</author>
<year>1996</year>
<price>56.0</price>
</book>
</bookstore>