jquery 相关问题

如何设置asp:textbox textmode=date 的最小和最大日期？？？使用 javascript/jquery

我有一个 asp:textbox ，我如何使用 javascript 将其最小日期设置为今天： 使用 C#，我这样做并且工作正常..但我必须使用 Js/Jquery 来做到这一点 日期时间日期 = 日期时间....

使用 jQuery Select2 清除下拉列表

我正在尝试使用出色的 Select2 库以编程方式清除下拉列表。使用 Select2 查询选项通过远程 ajax 调用动态填充下拉列表。 HTML： 我正在尝试使用出色的 Select2 库以编程方式清除下拉菜单。使用 Select2 query 选项，下拉列表会动态填充远程 ajax 调用。 HTML： <input id="remote" type="hidden" data-placeholder="Choose Something" /> Javascript： var $remote = $('#remote'); $remote.select2({ allowClear: true, minimumInputLength: 2, query: function(options){ $.ajax({ dataType: 'json', url: myURL + options.term, error: function(jqXHR, textStatus, errorThrown){ smoke.alert(textStatus + ": server returned error on parsing arguments starting with " + options.term); }, success: function(data, textStatus, jqXHR){ var results = []; for(var i = 0; i < data.length; ++i){ results.push({id: data[i].id, text: data[i].name}); } options.callback({results: results, more: false}); } }); } }); 不幸的是，对 $remove.select2('val', '') 的调用会抛出以下异常： Uncaught Error: cannot call val() if initSelection() is not defined 我尝试过设置attr、设置val、text和Select2特定的data功能。似乎无法让这个人清楚地以单选按钮的方式工作。有人有建议吗？ 这对我有用： $remote.select2('data', {id: null, text: null}) 当您以这种方式清除它时，它也可以与 jQuery 验证一起使用。 -- 编辑2013-04-09 在撰写此回复时，这是唯一的方法。通过最近的补丁，现在可以使用正确且更好的方法。 $remote.select2('data', null) 如果是 Select2 版本 4+ 它改变了语法，你需要这样写： // clear all option $('#select_with_blank_data').html('').select2({data: [{id: '', text: ''}]}); // clear and add new option $("#select_with_data").html('').select2({data: [ {id: '', text: ''}, {id: '1', text: 'Facebook'}, {id: '2', text: 'Youtube'}, {id: '3', text: 'Instagram'}, {id: '4', text: 'Pinterest'}]}); 这是正确的，select2将清除所选值并返回占位符。 $remote.select2('data', null) 对于 select2 版本 4，可以轻松使用这个： $('#remote').empty(); 使用ajax调用填充select元素后，您可能需要在成功部分添加这行代码来更新内容： success: function(data, textStatus, jqXHR){ $('#remote').change(); } 使用 select2 版本 4，您可以使用这个简短的符号： $('#remote').html('').select2({data: {id:null, text: null}}); 这会在创建时将带有 null id 和文本的 json 数组传递给 select2，但首先使用 .html('') 清空之前存储的结果。 你应该使用这个： $('#remote').val(null).trigger("change"); 这解决了我在 3.5.2 版本中的问题。 $remote.empty().append(new Option()).trigger('change'); 根据此问题，您需要在选择标记内有一个空选项才能显示占位符。 提出的方法@Lelio Faieta对我有用，但因为我使用bootstrap主题，它删除了select2的所有引导设置。所以我使用了以下代码： $("#remote option").remove(); 我有点晚了，但这就是上一个版本（4.0.3）中的功能： $('#select_id').val('').trigger('change'); 这些都可以帮助我清除下拉列表： .select2('data', null) .select2('val', null) 但重要提示：值不会被重置，.val() 将返回第一个选项，即使它没有被选择。我正在使用 Select2 3.5.3 我找到了我在另一个问题中寻找的答案（对user780178的赞美）： 重置 select2 值并显示占位符 $("#customers_select").select2("val", ""); 从 >4.0 开始，为了真正清理 select2，您需要执行以下操作： $remote.select2.val(''); $remote.select2.html(''); selectedValues = []; // if you have some variable where you store the values $remote.select2.trigger("change"); 请注意，我们根据最初的问题选择 select2。在您的情况下，您很可能会以不同的方式选择 select2。 希望有帮助。 对于 Ajax，请使用 $(".select2").val("").trigger("change")。这应该可以解决问题。 如果需要，此代码会删除显示新列表的所有结果： $('#select2Elem').data('select2').$results.children().remove() 例如省市列表中，当省份发生变化时，我们点击城市输入，旧城市列表仍然显示，直到新列表加载完毕。 用我写的代码，可以在调用ajax之前删除旧列表 因为它们都不适合我（select2 4.0.3），所以采用了标准选择方式。 for(var i = selectbox.options.length - 1 ; i >= 0 ; i--) selectbox.remove(i); 您可以使用此或进一步参考此https://select2.org/programmatic-control/add-select-clear-items $('#mySelect2').val(null).trigger('change'); 我就是这样做的： $('#my_input').select2('destroy').val('').select2(); 2024 年底，显然，唯一可以让我在不干扰其他事件的情况下以程序方式清除 Select2（版本 4.0.13）选项的解决方案是隐藏在 Select2 文档中用于清除选择选项的解决方案 我用过 $('#mySelect2').val(null).trigger('change');

猫头鹰轮播2 - 如何获取当前项目？

我正在使用 Owl Carousel 2 开发一个网站。 我只想检测哪个项目显示在前面。 以前是这样的。 http://owlgraphic.com/owlcarousel/demos/owlStatus.html $(文档...

jQuery 数学初学者

大家！ 我有一个非常初级的问题，关于我应该知道的事情，但我就是这样:( 我理解我想做的事情的逻辑，但我缺乏如何编写

Javascript/Jquery 滚动事件移动屏幕高度触发两次

创建一个自动滚动事件到窗口大小的下一张幻灯片/页面。但每次滚动时，该事件都会触发两次。我猜是因为检测到自动滚动事件作为触发器......

在 AJAX 上刷新 Gridjs 表成功

AJAX 代码工作正常并创建我想要的输出并“成功” 成功：函数（数据）{ 控制台.log(数据); $( "#gridjs_table" ).load(window.location.href +...

将数组从 jQuery 发送到 Django 视图

我正在制作一个非常小的应用程序来学习 Django。我从 jQuery 发送一个嵌套数组并尝试在我的 Django 视图中循环它。 jQuery代码如下： $(文档).on('点击','#exModel',

如何将对象从前端传递到Struts 2

我试图通过 JavaScript 将字段的值发送到 Struts 2 后端，但它返回 NullpointerException。 我尝试通过 JavaScript 将字段值发送到 Struts 2 后端，但它返回 NullpointerException。 <input type="hidden" id="employee.payslip.id" name="employee.payslip.id" value="5"/> .... 提交表单后，请求将被发送到以下 JavaScript 方法以发送到后端。 function payslipPayment(){ var formValues = $('#myform').serialize(); .... xmlhttp.open("get","../payslip/pay?"+formValues,false); xmlhttp.send(); } 请求将按如下方式创建并发送 http://localhost/payslip/pay/employee.payslip.id=5&employee.payslip.year=2013&.... 但是在后端，当我尝试显示它返回的值时NullPointerException。 Java： public class payslip { private Employee employee; public String pay{ System.out.println("Id:"+employee.payslip.id): System.out.println("Year:"+employee.payslip.year; ... } getter and setter } 课程： public class Employee { private Payslip payslip; .... getter and setter } public class Payslip{ private long id; ... getter and setter } 空指针异常表示员工或工资单未初始化。如果您使用的是 struts2，那么使用参数拦截器和模型驱动方法应该可以解决您的问题。 您需要将表单转换为json（如here）并发送到后端 然后 - 在java中你需要将json反序列化为java对象（例如，使用Jackson） 你可以像Alexey所说的那样，或者你可以遵循这种方法。您可以使用 ServletRequestAware 和 ServletResponseAware 接口，然后使用 request.getParameter() 获取传递的值。以下是如何执行此操作的示例。 Action类struts配置 <action name="hello" method="execute" class="com.home.struts2.HelloAction"> <result name="success">hello.jsp</result> </action> 动作课 public class HelloAction extends ActionSupport implements ServletRequestAware,ServletResponseAware{ HttpServletResponse response; HttpServletRequest request; public String execute() { System.out.println("AjaxCall" + request.getParameter("param")); String infoXml = "Parameter passed: " + request.getParameter("param"); response.setContentType("text/html"); response.setHeader("Cache-Control", "no-cache"); try { response.getWriter().write(infoXml); } catch (IOException ioe) { ioe.printStackTrace(); } return null; } public void setServletResponse(HttpServletResponse response) { this.response = response; } public void setServletRequest(HttpServletRequest request) { this.request = request; } public HttpServletRequest getServletRequest() { return this.request; } } JavaScript var xmlHttp; function sendreq(){ var URL = "hello.action?param=sandy"; try{ xmlHttp=new XMLHttpRequest(); }catch (e){ try{ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }catch (e){ try{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); }catch (e){ alert("Your browser does not support AJAX!"); return false; } } } xmlHttp.onreadystatechange = showMessage; xmlHttp.open("GET", URL, true); xmlHttp.send(null); } 实现员工和工资单的可序列化接口。另外，请确保两者都有空的构造函数。 启用 struts2 devMode 以获取附加日志。启用后，您将看到 OGNL 异常，了解具体是哪个字段出现问题。该错误必须非常容易处理。 http://www.mkyong.com/struts2/struts-2-development-mode-example/ 我猜用于该操作的拦截器堆栈存在一些问题，只需尝试使用defaultStack。 <action name="payslip/pay" class="..."> <interceptor-ref name="defaultStack"/> <result name="success">/success.jsp</result> <result name="input">/error.jsp</result> </action> 您使用的是框架还是普通的 servlet？如果您使用的是像 struts 这样的框架，那么所有这些答案都太复杂了。 从外观上看，我认为您只是使用了映射的 servlet，这意味着上面关于通过 url 传递命名参数的答案是正确的。您可以使用 post 来隐藏这些命名参数，而不是 get through。 以下是我仅使用 servlet 的方法。不过，如果我是你并且正在做一个完整的项目，我会使用 JSF，以便更轻松地传递数据。 java public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String payslipID = request.getParameter("payslipid"); } js <script> var payslipid = $('#employee_payslip_id') xmlhttp.open("POST","../payslip/pay",false); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlhttp.send("payslipid="+payslipid); </script> 正如另一篇文章中提到的，您必须单独获取（并放置在帖子中或获取数据）所有参数，除非您执行了一些单独的字符串列表。这样做并不是一件可笑的事情，因为无论如何您都需要将所有这些值分离到 java 中它们自己的变量中。 编辑： 上面的答案实际上说明了您需要做什么，但也许它会有助于使其更清楚。在您定义操作的 struts 配置文件中，例如 <action class="org.example.Payslip" name="payslip"> <interceptor-ref name="params"/> <result name="success">/success.jsp</result> </action> 确保那里有参数拦截器。它将使得服务器将参数映射到设置器。这样您就不需要为您发送的每项内容进行 getparameter 调用。 此外，如果您按照上面的方式进行了映射，则网址应该类似于 .../payslip.action!pay?payslipid=1234&employeeid=1234。这告诉它使用 payslip.class 和 pay 函数。 在action标签中添加输入参数；它允许您将参数从 struts 操作类传递到 form/.jsp struts.xml <action name="..." class="UserAction"> <param name="id"></param> <result name="input">/WEB-INF/jsp/User.jsp</result> </action> 动作课 public class UserAction { private int id; // this is called by the struts.xml to set the value public void setId(int id) { this.id = id; } //a getter is needed as well to display value in the .jsp } 因为它是一个隐藏变量，不属于值堆栈的一部分，您可以尝试以这种方式传递它。 如果这不是您的问题； 我认为你必须将 bean 注入到 Action 类中。 @注入员工； bean 到 Action 类中会有帮助。 还调试值堆栈。 Struts2 使用 params 拦截器来填充 HTTP 请求提交的表单值。 建议使用POST方法，因此如果您有敏感数据并且希望它不反映在URL中。 拦截器使用参数名称通过 OGNL 运行时来评估应该在 valueStack 中找到 引用的表达式。 你已经得到了NullPointerException，因为你没有初始化或注入依赖关系到由 OGNL 评估引用的对象。因为您使用的是嵌套 bean，所以所有嵌套属性都应该是可访问和初始化的（或者至少 Struts2 知道如何创建这些对象），并且属于放置在值堆栈的 top 上的操作类。 您需要使用ModelDriven接口。实现 ModelDriven 并重写其方法，然后使用 modelDriven 的方法返回您的对象。 Struts2 文档

如何用JavaScript修改CSS圆锥渐变值

我有以下复制饼图的 HTML 结构： $('#clickthis').click(函数(e){ e.preventDefault(); $('.circle-chart').css('背景：圆锥形渐变(绿色 0% 60%, gr...

如何检测使用结帐块添加的 WooCommerce 结帐表单中的错误？

我有一个使用结帐块的 WooCommerce 商店。我想使用 Google Analytics 跟踪哪些 WooCommerce 结帐字段为空或填写不正确。检查应在...

如何将实际选项值添加到列表项中？

使用 select2 javascript 作为选择框，它基本上隐藏了实际的真实选择框，并为您提供了一个包含 ul li 列表的范围。 然而，li选项并没有实际的实际价值......

无法在 $.ajax 请求上设置 HTTP 主机标头

这个话题之前已经有过不同的讨论，但我还没有找到适合我的解决方案。我正在使用jquery 1.7.1。 我有一个 REST 风格的 Web 服务，可以返回 JSON ...

从 Spring Boot 传递属性时显示容器

我该如何解决这个问题？ ... 我该如何解决这个问题？ <div th:if="${showContent}=='true'" id="container-two" > <div class="container-linux"> <div><img class="col" style="width:50px;" src="" th:src="@{/images/linux.png}" alt=""><br> <label >VM Name is</label> <a style="font-weight: bold;" th:text="${vmnameshowlinux}" ></a><br> <label >VM IpAddress is</label> <a style="font-weight: bold;" th:text="${ipaddresslinux}" ></a></div> <a th:href="@{/launchconsole}" class="btn btn-success">Launch RDP</a> </div> <div class="container-windows"> <div><img class="col" style="width:50px;" src="" th:src="@{/images/windows.png}" alt=""><br> <label >VM Name is</label> <a style="font-weight: bold;" th:text="${vmnameshowwin}" ></a><br> <label >VM IpAddress is</label> <a style="font-weight: bold;" th:text="${ipaddresswin}" ></a></div> <a th:href="@{/launchconsole}" class="btn btn-success">Launch RDP</a> </div> </div> ` String showContent="true"; modelandview.addObject("showContent", showContent); ` 我想通过在 Spring Boot thymeleaf 项目中的 showContent 对象中传递真实值来显示容器二 您应该传递一个常规布尔值： boolean showContent = true; modelandview.addObject("showContent", showContent); 然后 Thymeleaf 应该看起来像： <div th:if="${showContent}" id="container-two" > . . . </div>

为什么会出现此错误 SyntaxError: Unexpected token ILLEGAL

我收到错误：SyntaxError：意外的令牌非法[http://localhost/test/drop:13] 我的页面代码操作系统： 我收到错误：SyntaxError: Unexpected token ILLEGAL [http://localhost/test/drop:13] 我的页面代码操作系统： <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript" src="mini.js"></script> <script language="javascript"> $(document).ready(function() { $("#main_div").empty(); $("#drp_name option").each(function() { $("#main_div").append("<div>"+ $(this).text() +"</div>") }); ​}); </script> </head> <body> <select name="drp_name" id="drp_name"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <div id="main_div"></div> </body> </html> 我使用jquery v1.7.2 将 jQuery 库添加到您的页面。 将其放入<head> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </script> ... </head> 您忘记添加 JqueryScript 您可以简单地使用： <script src="jquery-1.7.2.min.js"></script> 如果您下载 jquery 脚本并添加到您的项目中 您没有将任何内容传递给函数： $("#drp_name option").each(function(this) { $("#main_div").append("<div>"+ $(this).val() +"</div>") }); 注意我在函数中的 .each(... 之后添加了“this” 当您从选项元素中提取值时，我还将 $(this).text() 更改为 $(this).val() 。 你添加 <script type="text/javascript" src="mini.js"></script> 但不要包含你的 jQuery 库 js <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 或者 jquery 库是否在您本地 <script type="text/javascript" src="SOURCE_TO_YOUR_LOCAL_FILE"></script>

用户点击并按住图片时停止超时

我有一个画廊，它将向用户显示图片 5 到 5 秒。 函数幻灯片切换（）{ var current = $('#slideshow.active'); current.removeClass('active'); if (current.next().length...

如何在php中通过jQuery Ajax向数据库插入数据

你好堆栈现在我面临一个问题我无法通过 jQuery Ajax 在数据库中插入数据我已附加所有相关文件任何人都可以通过它我是 php 开发的新手。 **t...

html 拖放 setDragImage 在第一次拖动时不会设置重影图像

我正在尝试创建一个拖放菜单，用户可以在其中将图像缩略图从 div 拖动到画布。 问题是源 div 使用精灵来显示其背景缩略图，所以我...

ajax 调用后 Jquery 事件绑定两次

我想在通过ajax调用动态创建的元素上绑定一个事件。 某些元素已经存在，并且在页面加载时会与它们绑定一个事件。但是当新元素创建后...

Javascript - 检查字符串是否可以转换为整数？

如何简单地检查字符串是否可以转换为整数？ 我的意思只是整数，因此像“10.1”这样的字符串不会转换为 10。 例如，如果我这样做： parseInt('10.1', 10) 它返回 1...

从 HTML 链接时 JavaScript 文件不起作用

所以我觉得（并希望）这很简单。我是 javascript 新手，正在尝试让它工作。当我从 html 链接到外部 .js 文件时，它不起作用。然而，当进入