草庐IT

按钮组件

全部标签

Javascript在按钮单击时清除表单字段

我有一个名为“inputaddress”的字段,用户可以在其中输入地址详细信息,这样他们就可以执行谷歌地图地理编码。我想做的是,当用户点击“searchfortheaddress”按钮时,它将执行地理编码,但随后会清除“inputaddress”字段。谁能告诉我如何清除该字段。 最佳答案 document.getElementById("inputaddress").value=''; 关于Javascript在按钮单击时清除表单字段,我们在StackOverflow上找到一个类似的问题

Javascript:动态创建按钮的 onclick/onsubmit

我按照网上找到的方式动态创建了一个按钮:Page=function(...){...};Page.prototype={...addButton:function(){varb=content.document.createElement('button');b.onclick=function(){alert('OnClick');}},...};不幸的是,它不工作并抛出以下错误:Error:[Exception..."Componentisnotavailable"nsresult:"0x80040111(NS_ERROR_NOT_AVAILABLE)"location:"JSfr

javascript - 将类型属性从提交更改为按钮?

如何从submit更改类型属性至button使用JavaScript还是jQuery?我使用input类似的元素. 最佳答案 改变原生DOM节点的属性:document.getElementsByName("submitform")[0].type="button";用jQuery做:$("input[name='submitform']").prop("type","button");但是请记住,您无法在InternetExplorer8及更低版本中更改输入类型。 关于javascri

Javascript 如何在 JSP 上使用带有两个提交按钮的确认对话框 onSubmit

我的表单目前有两个提交按钮。一个用于Search,另一个用于MarkComplete功能。仅当单击“标记完成”按钮以提交已通过验证的表单时,我才需要显示确认对话框。有可能识别这个吗?我目前有以下confirmComplete功能:functionconfirmComplete(){alert("confirmComplete");varanswer=confirm("Areyousureyouwanttocontinue");if(answer==true){returntrue;}else{returnfalse;}}如有任何帮助,我们将不胜感激! 最佳答

javascript - 如何在 NPM 上创建和发布 Vuejs 组件

我开始与vue一起工作了很多并开始在我工作的公司的所有项目中使用它。有了这个,我最终创建了一些components,一般autocomplete,我知道有很多,我已经使用了一些,但没有一个能满足我的所有需求。但是,每当我开始处理一个新项目并使用相同的组件时,我要么重新创建它,要么复制并粘贴它。所以我开始怀疑如何创建我的组件,每当我使用它时上传到npmjs,只需给一个npminstall-save...,并且也能够为社区做出一些贡献。 最佳答案 更新随着vue-loader15.x的发布,这个答案将不再有效。请改用这个https://

javascript - 导入 SASS 文件的测试组件时出现语法错误

我正在尝试使用Jest+Enzyme测试我的React组件,但是当我的组件有SASS文件(scss),正在发生SyntaxError。这是我的SASS文件内容:.user-box{width:50px;height:50px;}我只是将其导入到我的组件中:importReactfrom'react';import'./userBox.scss';classMyComponentextendsReact.Component{render(){conststyle={borderRadius:'99px'};return(HelloWorld);}}exportdefaultMyCompo

javascript - 使用 jQuery 切换单选按钮

我正在尝试使用jQuery切换几个单选按钮。但事实并非如此简单。clickmefastslow$('#toggler').click(function(){$('input[name="speeds"]').each(function(){$(this).prop("checked",!$(this).prop("checked"));});});http://jsfiddle.net/beC7q/谁能解释一下为什么上面的代码不起作用? 最佳答案 如果只有两个单选按钮$('#toggler').click(function(){$(

javascript - AngularJS,用按钮清除输入文本

使用AngularJS,清除文本字段值的正确方法是什么?我有一个输入字段,旁边有一个按钮。用户输入它并点击按钮来清除或重置它。我知道我可以在按钮本身上添加一个ng-click事件并调用一个函数,但我不确定这是正确的方法。现在我只有:> 最佳答案 我遇到了同样的问题。也许简单是最好的?无需调用Controller中的方法。也不需要指令。只是一个简短的语句来清除您在输入标签中声明的模型。像这样:您也可以在输入中没有文本时隐藏清除按钮,如下所示:顺便说一句,也许将清除按钮放在输入框内的指令会很好。类似于您在iPhone上看到的内容。

javascript - 当用户单击 jQueryUI 单选按钮时,如何阻止浏览器视口(viewport)移动到页面顶部?

我有一些单选按钮设置如下:note1note2我变成了这样的jQueryUI按钮:$("#typeRadios").buttonset();这是生成的HTML:note1note2这些按钮有效,但每当我点击其中一个时,浏览器视口(viewport)就会返回到页面顶部,就像你点击link时发生的一样。链接。我正在使用jQuery1.4.2和jQueryUI1.8.7。我怎样才能防止这种行为?感谢阅读。编辑:link部分丢失。 最佳答案 我最近遇到了这个问题,实际上我找到了一个可能对你有帮助的解决方案,这取决于你的CSS。基本上,如果您

javascript - 提取地址组件的更有效方法

目前,我正在使用以下代码获取国家/地区、邮政编码、地区和副地区:varcountry,postal_code,locality,sublocality;for(i=0;i这是不令人满意的。有没有其他方法可以达到同样的效果? 最佳答案 您可以使用以下函数来提取任何地址部分:functionextractFromAdress(components,type){for(vari=0;i要提取您调用的信息:varpostCode=extractFromAdress(results[0].address_components,"postal_