如何用Jquery获取到文本框的值然后局部刷新

Posted 2023-05-02

先用JQuery捕捉到文本框的值 然后按照值来模糊查询并局部刷新

参考技术A 搞定了吗？没有的话可以参考下代码

前台：

<input type="text" id="txtValue" value="11" />
<a href="javascript:select()">select</a>
<script language="javascript" type="text/javascript">
function select()

var name=$("#txtValue").val();
ajaxAddValues(name);


function ajaxAddValues(name)
$.ajax(
type: "POST",
url:"Index.aspx",
dataType:"json",
data: "name": name,
success: function(data)
alert('已查询！');

);


</script>

后台：
if (Request["name"]!=null)

string name=Request["name"].ToString();
string sql="select * from tables where t_name like '%"+name+"%'";

if (db.insertOrUpdateOrSelect(sql) != -1)

Response.Write("1");
Response.End();

else

Response.Write("0");
Response.End();



public int insertOrUpdateOrSelect(string sql)

int eccf = -1;
SqlConnection conn = Database.createConn();
SqlCommand cmd = null;

try

conn.Open();
cmd = new SqlCommand(sql, conn);
eccf = cmd.ExecuteNonQuery();
return eccf;

finally

conn.Close();

参考技术B 可以用$.post(),$.ajax(),$.get()这几个，然后返回函数实现局部刷新 参考技术C 你说的局部刷新是更新什么 ？
是不是：
在文本框填写一个字段 然后 获取字段 查询该字段 返回查询的值添加在页面上？？？？？？？？追问

是的 查询出来后就更新在页面上

追答

你的源码不是jsp和.net吧 如果是html+JS+php+mysql的话 你直接给我我给你做得了 把你的项目传上来吧

jquery 怎么获取文本框输入的值

　　这个问题包含两个方面：jquery选择器（即针对你指定的那个input元素）和获取内容（即获得输入的值），所以综合起来有如下代码可以实现
　　$("input#test").val(); // 推荐这种方式，因为id是唯一的
　　$("input[name='test']").val(); // 此时需要注意是否有同名的input元素
　　$("input:text").val(); // 这种方式只有整个网页只有一个文本输入框才是正确的
　　下面给出示例：
　　创建一个文本框和一个触发获取文本框输入内容的按钮
　　<input id="test" name="test" type="text"/><br>
　　<input type="button" value="显示文本框输入内容">
　　简单设置一下css样式
　　input[type='text']width:200px;height:35px;margin:10px;border:1px dashed green; border-radius:5px;
　　input[type='button']width:200px;height:35px;margin:10px;border:2px solid #ebbcbe;
　　添加jquery代码
　　$(function()
　　$("input:button").click(function()
　　alert($("input#test").val());
　　);
　　) 参考技术A

当已知文本框的id属性时，<input type="text" id="userName">

方法一：var userName = $("#userName").attr("value");

方法二：var userName=$("userName").value();

<input type="text" name="one" value="5"/>用jquery怎么得值所以正确的方法应该是

<input type="text" id="one" value="5" />

$("#one").val();

拓展资料

作用是快速获取文档元素，jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。

提供漂亮的页面动态效果，jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。