草庐IT

input输入命令

全部标签

javascript - 将变量从输入传递到 GraphQL 搜索调用

我正在学习graphql和react-apollo。我在我的代码中设置了一个搜索查询。我不确定如何将变量从我的代码(即this.state.search)传递到我的grapnql调用。我看了很多答案,包括thisone,但似乎有点不同。Thedocsalsodon'tseem就如何使用状态作为变量提供任何指导。我的代码如下。谁能建议如何将这两者联系起来?importReact,{Component}from'react'import{graphql}from'react-apollo'importgqlfrom'graphql-tag'classSearchextendsCompone

javascript - 在输入中对单词的字母进行不同的样式设置,可能吗?

想知道这是否可能,但是如果我有一个包含文本的输入,例如让我们说“测试”这个词在输入中。我希望能够做的是更改“测试”一词的各个字母的样式我希望“Te”为粗体,然后让“st”为正则。它不必是粗体,也许我希望“e”是红色或类似的东西。关于如何实现这一点有什么想法吗? 最佳答案 不认为这是可能的(会做更多的测试)。添加一个看起来像输入的内容可编辑的div怎么样?简单的contenteditable示例:http://jsfiddle.net/PpEx7/编辑不可能。:) 关于javascript

javascript - 用于输入地址的自动完成文本框是个好主意吗?

通过传统表格输入我的地址让我抓狂:既然可以从我的邮政编码推断出我的城市和州,为什么我必须输入我的城市、州、和邮政编码?从下拉列表中选择您的状态是一件很痛苦的事情——通常您不能进入它,您必须使用鼠标等等。alttexthttp://img10.imageshack.us/img10/7404/traditionaladdressform.png因为我觉得这个过程非常令人反感,所以当我设计我的在线商店(bombsheets.com)时,我决定为地址构建一个自动完成小部件。在您输入时,我们会尝试对您的地址进行地理编码(通过Googlemap):alttexthttp://img403.ima

javascript - 如何以编程方式更改 google maps api 自动完成输入的选择?

我了解,为了使用googlemapsjavascriptAPIv3以编程方式触发place_changed事件,您需要执行以下操作:google.maps.event.trigger(autocomplete,'place_changed');然而,这只是触发了事件中指定的回调,实际上并没有对做任何事情。附加的元素。我需要做的是以编程方式更改自动完成中的选择到特定位置或在先前检索到的地点对象中指定的地点:autocomplete.getPlace()我当然可以直接更改输入中的值:input.value='Whatever';但是这样做不会改变自动完成选择。这样做之后,用户必须删除中的整

javascript - 在 SELECT 元素的更改事件中重新验证输入

我正在编写一个AngularJS应用程序,在这个应用程序中有一个域管理工具。选择域后,我会在表中生成域记录,让用户编辑每一行。由于字段是动态创建的,我使用ng-form来启用单独验证每一行,因为它们共享相同的名称。每个域记录都有一个内容字段,其中包含IP、CNAME等内容。我使用根据所选记录类型(A、CNAME、TXT等)的函数生成的正则表达式模式验证此字段。问题是,当我编辑A记录,然后将记录类型更改为CNAME时,表单仍然有效,因为没有对内容字段执行新的验证。我重新验证它的唯一方法是开始在内容字段中输入内容,然后就可以正常工作了。检查下面的图片:我在A记录上按编辑,一切看起来都很好:

javascript - Reactjs - 在动态元素渲染中将 ref 添加到输入

我正在尝试在React中的onClick上聚焦/突出显示输入文本。它按预期工作,但仅在渲染数组中的最后一个元素上工作。我尝试了几种不同的方法,但它们都做同样的事情。这是我所拥有的两个示例:exportdefaultclassServicesextendsComponent{handleFocus(event){event.target.select()}handleClick(){this.textInput.focus()}render(){return({element.sources.map((el,i)=>({this.textInput=input}}value='textt

javascript - 将不在选择列表中的值输入到 jquery-select2 中

我有一个用例,我允许人们在select2plugin的文本框中键入值没有出现在选择列表中。在一种情况下,我提供验证并且不提交,除非用户选择了有效的项目,但在他们选择之前我不想清除他们的值。选择框可能包含1.00、1.50、1.75、NA、ABS,而用户刚刚输入了1.80。这是一个无效值,但我不想丢失他们的更改,我会将该框标记为无效并允许他们修复他们的更改。我不想将1.80添加到选择框,因为它是一个无效值,但我也不想清除它。如何实现这一目标? 最佳答案 如果您在JS中进行验证,Select2有一个动态加载/生成数据的示例,它会覆盖qu

javascript - 如何使用 "input propertychange"事件捕获鼠标复制粘贴

我想捕获文本区域中发生的更改(键盘输入,以及复制和粘贴),对于我使用的键盘输入选项:$("textarea").keyup(function(){//ajaxcallhere});我添加这个是为了捕获鼠标粘贴或剪切然后在文本区域触发keyup事件:$("textarea").on('inputpropertychange',function(){$(this).trigger(keyup);});这里的问题是,如果我按下键盘上的一个键,我会收到2个ajax调用,因为第二个函数也捕获keyup事件。有没有办法阻止$("textarea").on('inputpropertychange'

javascript - 更改语言输入类型=文件

我正在为我的应用程序使用spring-mvc,我已经成功地将文件上传到服务器,标签为:,但是当我的应用程序更改语言时我遇到了问题,因为这inputtype=file不会改变语言,我做了很多证明,但我不明白。有人知道它在做什么吗?要更改所有标签的语言,我这样做:谢谢。 最佳答案 翻译“选择文件”和“未选择文件”标签不可能,因为它们是native浏览器元素并取决于浏览器的语言。但是,您可以尝试一些技巧,例如将图像而不是按钮或使文件输入透明(并在下面添加文本输入)。浏览这些答案以选择是否合适:Howtochangethebuttontex

javascript - AngularJS 中 input[date] 和 Moment.js 的绑定(bind)

为了提出问题,我准备了一个简化的例子:......angular.module('dateInputExample',[]).controller('DateController',['$scope',function($scope){$scope.selectedMoment=moment();//...morecode...}]);基本上,我只需要在模型(moment.js的日期)和View(输入[日期]字段)之间进行绑定(bind)即可正常工作——当模型更新时,日期输入也会更新,反之亦然。显然,尝试上面的例子会给你带来模型不是Date类型的错误。这就是为什么我要问有经验的Angu