【JavaScript组件开发之输入框加候选框】教程文章相关的互联网学习教程文章

javascript-angular.js选择输入框的过滤器类型【代码】

我在很短的时间内使用angular.js,有时我有一种感觉,我对html和javascript一无所知,因为在碰到我想像中的事情时,angular的几率很奇怪,而且可能非常简单. 这是我的头痛: 我当前的控制器scope.persons是…工厂从后端获取的人员的列表.使用ng-repeat可以很好地显示,并使用输入过滤器:<input ng-model='query.firstname'> // search by firstname <input ng-model='query.lastname'> // search by lastname<ul><li ng-repeat='person ...

基于单选的表格中的jQuery / Javascript设置输入框【代码】

我试图根据表格内的单选删除输入框内的值.它是一张桌子的事实正给我造成麻烦. 在我提供的有趣示例中,如果他们说他们不喜欢单选按钮上的炸玉米饼,我想删除他们最喜欢的食物.这是我尝试解决我的问题的尝试之一,但是它没有任何作用.$(function() {$var $row = $(this).closest('tr')$('.likesTacos').change(function() {if (!$row.find(".likesTacos[value=['1']").is(":checked")) {$row.find('.favFood').val("")} else {console.l...

javascript-从输入框中对位置进行地理编码【代码】

我是google地图的新手,只是想尽其所能.我希望能够输入城市或地址,然后让地图加载它并放置一个标记. 现在,我的地图最初加载良好,但是当我输入城市或地址时,什么也没发生.知道这里发生了什么吗?<script type="text/javascript"> var geocoder; var map;function initialize() {geocoder = new google.maps.Geocoder();var latlang = new google.maps.LatLng(42, -84);var myOptions = {center: latlang, zoom: 5, mapTypeId: google...

javascript-从输入框中存储变量并在p标签中显示值【代码】

我正在尝试从文本输入框中获取一个值,然后将其显示在屏幕上. 我有这个JS块作用于以下HTML$(".button").click(function(){var userName = $('#userNameInput').val();$('.userDisplay').html(userName); }); <input type="text" id="userNameInput"> <input value="submit" class="button closepopup" type="button"> <p id="userDisplay">default</p> 目前,该程序不会打印该值,但会存储它,因为我可以将值打印到控制台.解决方法:由于...

Javascript-有没有一种方法来获取所选文本在IE中的输入框中的偏移量?【代码】

在Firefox中,您可以简单地调用: myInputTextField.selectionStart或myInputTextField.selectionEnd 在输入框中获取所选文本的第一个和最后一个索引. 在IE中,我知道您可以调用document.selection.createRange()来进行一些选择.但是,对于我一生而言,我没有发现任何表示所选内容中字符偏移量的值. 我想念什么吗?有没有办法在IE中获得相同的价值? 谢谢! 亚历克斯解决方法:从previous response到a very similar question的直接引号将...

javascript-多个输入框-alertifyjs / Jquery【代码】

我正在尝试使用具有多个输入框的alertifyjs创建一个提示对话框.我设法创建了一个对话框来显示多个框,但是我似乎无法引用用户提供的输入. 我想编写if语句,该语句在用户按OK时根据用户输入执行操作.但是,“确定”按钮似乎不起作用,并且if语句也不起作用.我不确定我可能做错了什么,有人可以帮助我. 下面是我的代码:<!DOCTYPE html> <html> <head><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/a...

将输入框滚动到javascript中的光标位置【代码】

我编写了一个简单的JS函数,当它获得焦点时,它会将光标置于输入框内容的末尾(该框中最常见的动作是追加).我没有在IE中进行检查,但是当文本超出可见范围时,即使将光标移动到输入的末尾,也不会在firefox 3.6中将视图滚动到输入的末尾. 任何想法如何做到这一点? 附:不,我不使用JQuery,也不是一个选项;) 使用不同的措辞(插入符号代替光标)找到了解决方案here解决方法:您可以通过分配给textarea的scrollTop属性来滚动:// scroll to bo...

javascript – 输入框 – 防止用户输入0作为第一个数字【代码】

我有2个输入框.我希望用户不能输入任何以0开头的数字.注意开头只有0.它可以在结束或中间,但不是在开头. 所以允许4,40,4440而不是04. 检查这个fiddle我已经放了几个其他的限制,比如只允许数值,长度是4.现在我想添加与0相关的限制. 如何使用jQuery完成? HTML<input name="major" size="1" value="4" class="major_rev">.<input name="minor" size="1" value="24" class="minor_rev">解决方法:尝试这个 DEMO$(document).ready(functi...

javascript – 将输入框限制为0-100【代码】

我有一个输入框,取值从0到100.我想阻止用户写任何更大或更小的东西. 我一直在使用jquery keyfilter插件来限制字段的输入:http://code.google.com/p/jquery-keyfilter/ 此插件可以将输入限制为数字,但不在一定范围内.如何阻止用户输入超出范围的数字.谢谢.解决方法:使用像这样的普通Javascript:<script>function handleChange(input) {if (input.value < 0) input.value = 0;if (input.value > 100) input.value = 100;} </script...

javascript – 当键盘输入框和条形码扫描仪填充时检测.【代码】

如何以编程方式检测何时通过键盘输入填充文本输入以及何时通过条形码扫描器自动填充?解决方法:那么条形码不会触发任何关键事件,因此您可以执行以下操作:$('#my_field').on({keypress: function() { typed_into = true; },change: function() {if (typed_into) {alert('type');typed_into = false; //reset type listener} else {alert('not type');}} });根据您想要评估的时间,您可能希望不进行更改,而是提交,或者其他任何操作.

javascript – 如何检测用户是否在输入框中删除了文本【代码】

我有以下代码:<!DOCTYPE html> <html><body><!-- When a user clicks a key provide info on the key clicked --><form action="#" id="sampForm"><input id='charInput' type="text"><p id="keyData">Key Data Here</p></form><br /><br /></body><script>function getChar(event) { // event.which returns the key or mouse button clickedif (event.which == null) {// Return the char if not a special characterreturn Str...

javascript – 将输入框转换为combobox以进行jQuery自动完成【代码】

此代码正常运行.但是,我需要帮助让“输入”标签像组合框一样显示.我试图将输入框设计为组合框而没有成功.我也在寻找一种通过动态构建选项使代码与组合框一起工作的方法.任何和所有的帮助表示赞赏.$(function () {var availableTags = new Array(1000000);var j = 0;for (var i = 1; i < availableTags.length; i++) {availableTags[j++] = i.toString();}$("#tags").autocomplete({source: function (req, responseFn) {var re = r...

Javascript / JQuery从表上的输入框中获取值【代码】

我有一个表格,其中包含来自Flask的输入,表格的某些字段包含用户的输入框.我试图获得他们输入的价值,我正在努力.我认为这对于这里的人来说是一个简单的问题,但我现在已经在我的桌子上敲了一会儿,并在这里搜索论坛,却没有弄清楚我做错了什么. 我创建了一个类似但更简单的HTML表格,以供我们使用.我还没有能够进入单选按钮部分,因为我仍然试图让输入框部分解决,但我需要得到这两个部分.理想情况下,我会将每一行返回到JSON数组中. 我包含...

javascript – 为什么* [checked]与单个选中的输入框不匹配?【代码】

假设我有一个id为’test’的复选框,它在一个加载了jQuery 1.5.2的页面上.<input id="test" type="checkbox"/>现在,如果我点击复选框将其设置为已检查状态… 为什么$(“#test”).是(“:checked”)返回true而$(“#test”).is(“* [checked]”)返回false. 这是一个jsFiddle with the described scenario解决方法:[checked]是一个选择器,它选择当前使用checked属性而非属性检查的元素 – 换句话说“如果元素具有checked属性,则选择它”...

javascript – 使用Jquery验证插件对输入框的更改进行负值检查【代码】

我有多个输入框,我必须使用jquery Validator plugin检查输入的值是正还是负. 它基本上是根据在第一个输入框中输入的值进行一些计算. 输入的值必须为正数,否则我应该抛出一条错误消息,说明该值必须为正数或大于零.解决方法:您可以使用正则表达式验证数值.代码如下.如果输入框包含数值(负数或正数),该函数将返回truefunction checkNumericValue(num) { var objRegExp = /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/; return objR...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部