小编Raj*_*esh的帖子

将值从按钮传递到输入值

我试图通过Javascript将值从按钮传递到输入值.我现在拥有的是这个

这是一个javascript文件

var test2 = 5;
appendeddatahtml = '<div class="test1"><button id="btn" type="button" value="' + test2 + '">This is it!</button></div>';
$("#test1").append(appendeddatahtml);
Run Code Online (Sandbox Code Playgroud)

这是脚本上方的表单

<input type="text" name="latlon" id="latlon" style="display: none; " value="" />
Run Code Online (Sandbox Code Playgroud)

首先,我尝试使用此代码发出警报

$(document).ready(function() {
  $("#btn").click(function() {
    alert("The button was clicked.");
  });
});
Run Code Online (Sandbox Code Playgroud)

但它没有提醒任何事情.有没有办法将值从按钮传递到输入值?

html javascript jquery

4
推荐指数
1
解决办法
1287
查看次数

在字符串结尾的第3个字符之前添加空格

我正在使用Angular JS,我正在为英国邮政编码进行验证.问题是有一个特定的要求,即英国邮政编码中应该有一个空格,只能通过计算最后一个字符来识别.因为在第三个最后一个字符之前应该有一个空格它应该是这样的:

A12 3AD
A123 3AD
A2 2AD

为此,我有两个主要问题:

  1. 如何操纵输入值来诱导空间.

  2. 如何实际更改字符串以添加空间

我是新手,javascript/angular有人可以告诉我该怎么做吗?

PS:我没有在项目中使用jQuery.

javascript angularjs

4
推荐指数
1
解决办法
2991
查看次数

展平深层嵌套的对象数组

我得到了以下数据结构,这是一个帐户对象数组,其中一些帐户是其子帐户的父项,而这些帐户又可以是其他帐户的父项等.

[{
  "id": "acc.1260446672222.11",
  "type": "EXPENSES_FOLDER",
  "name": "Expense Group",
  "balance": 3418.11,
  "children": [{
    "id": "acc.1260446672238.27",
    "type": "EXPENSE",
    "name": "Advertising, Promotion and Entertainment Account",
    "balance": 0,
    "children": []
  }, {
    "id": "acc.9a2492ba-0d82-4f4a-a1b4-14868f1e1a39",
    "type": "EXPENSES_FOLDER",
    "name": "Premises Costs",
    "balance": 0,
    "children": [{
      "id": "acc.287ba5b6-5536-428b-950f-d71d2af73ccc",
      "type": "EXPENSE",
      "name": "Use of Home - Gas",
      "balance": 0,
      "children": [

      ]
    }, {
      "id": "acc.7091ee15-3f02-4bd1-94e5-5918cf986969",
      "type": "EXPENSE",
      "name": "Hire of Venue, Studios, Teaching Rooms",
      "balance": 0,
      "children": [

      ]
    }]
  }, {
    "id": "acc.827ec446-edeb-4f2b-8032-d306292d2d83",
    "type": "EXPENSES_FOLDER", …
Run Code Online (Sandbox Code Playgroud)

javascript arrays lodash

3
推荐指数
2
解决办法
5802
查看次数

如果 dateString 没有年份部分,则 Date 中的默认年份

我试图检查如果发送部分值会返回什么值。

var d = new Date("11/28");
console.log(d.toLocaleDateString())
Run Code Online (Sandbox Code Playgroud)

我原以为会这样28th Nov., 2016(current year),但它又回来了28th Nov., 2001

那么问题是为什么2001 年被视为默认年份

javascript date

3
推荐指数
1
解决办法
1234
查看次数

逻辑运算的快捷方式

我只是想知道,是否有逻辑运算符(&&||)的快捷方式。就像如果我想做类似的事情i = i + 10,我可以做i += 10

我搜索这个的原因是因为我有一个验证功能,它分为几个功能。下面是一个模拟:

function f1(){
  return Math.ceil(Math.random()*10) %2 === 0? true:false
}

function f2(){
  return Math.ceil(Math.random()*10) %2 === 0? true:false
}

function f3(){
  return Math.ceil(Math.random()*10) %2 === 0? true:false
}

function f4(){
  return Math.ceil(Math.random()*10) %2 === 0? true:false
}

function validate(){
  var valid = true;
  valid = valid && f1();
  valid = valid && f2();
  valid = valid && f3();
  valid = valid && f4();
  
  console.log(valid);
}

validate(); …
Run Code Online (Sandbox Code Playgroud)

javascript conditional-operator

2
推荐指数
1
解决办法
501
查看次数

使用 _.sortByOrder lodash 按数字字符串排序

我想排序数字字符串使用sortbyorder的功能lodash

函数应该在仅字符串字段上正常工作,但在数字字符串的情况下应该按数字顺序排序。

示例数组对象如下:

[{
  "timeInProcessing": "20 min",
  "timeInManual": "8 min",
  "taskID": "653452",
  "reasonType": "Customer Request",
  "assignedStatus": "Robinson, Edwin",
  "virtualMachine": "[machine name]",
  "lastAction": "1st processing fail",
  "region": "EU",
  "project": "Demo Chue STAGE Media Extracts 04",
  "fileName": "Depósito à Prazo BC - BI de Abril a 08 JUN 2016.xlsx",
  "index": "1.0",
  "fileRoom": "NRP TriPost",
  "fileType": "xlsx",
  "fileSize": "22.49 MB",
  "processedBy": "n/a",
  "uploadedBy": "Johnson III, Chadwick",
  "node": "SPWD6PDGDS001"
}, {
  "timeInProcessing": …
Run Code Online (Sandbox Code Playgroud)

javascript lodash

2
推荐指数
1
解决办法
3923
查看次数

Javascript:在循环中使用array.slice()并且无法按预期工作

任何人都可以帮我告诉我我的Javascript代码有什么问题吗?

var a = ["zero", "one", "two", "three"];
for (var i in a) {
  var sliced = a.slice(i + 1);
  console.log(sliced);
}
Run Code Online (Sandbox Code Playgroud)

控制台日志给出: ["one", "two", "three"],[],[],[]

但我的期望是: ["one", "two", "three"],["two", "three"],["three"],[]

那么,为什么我的代码不起作用?我该怎么编码?非常感谢.

javascript

2
推荐指数
1
解决办法
338
查看次数

正则表达式中的负向后查找中的范围与字符

当我发现这个不寻常的问题时,我正在回答以下问题

模式:a<n digits>b正则表达式应该捕获<n digits>

在我的第一种方法中,我尝试制作特定于字符的模式并尝试/(?!a)\d*(?=c)/g;

var str = "a1c a12c a23c ac 1234 abc";
var str2 = "b1c a12c a23c ac 1234 ab1c"
var re = /(?!a)\d*(?=c)/g;

console.log(str.split(re))
Run Code Online (Sandbox Code Playgroud)

在我的第二次尝试中,我尝试使模式更加通用并尝试/(?![a-z])\d*(?=[a-z])/g

var str = "a1c a12c a23c ac 1234 abc";
var str2 = "b1c a12c a23c ac 1234 ab1c"
var re = /(?![a-z])\d*(?=[a-z])/g;

console.log(str.split(re))
Run Code Online (Sandbox Code Playgroud)

根据我的理解,这将检查每个字符的前一个值作为字符,下一个值也作为字符。另外,因为我已经使用了\d*它,所以它应该拆分ac["a", "c"]这在这个正则表达式中没有发生,但在前一个正则表达式中起作用)。

所以我的问题除了字符的选择之外,这些正则表达式有什么区别:

  • /(?!a)\d*(?=c)/g
  • /(?![a-z])\d*(?=[a-z])/g

注意:我并不是要求正确的正则表达式。如果您能解决,请在上述帖子中留言。这个问题特定于所提到的正则表达式的差异

javascript regex

2
推荐指数
1
解决办法
972
查看次数

当<a>包含使用javascript的子元素时,如何获取<a>标签的'aria-label'属性

我试图读取锚标记的'aria-label'属性.但我得到空值,因为我的代码读取子元素(<use></use>)而不是父元素(<a></a>).下面是我的HTML和js代码.

HTML

var inputs = document.querySelectorAll("a");
for (var i = 0; i < inputs.length; i++) {
  inputs[i].addEventListener("click", function(e) {
    console.log(inputs[i].getAttribute("aria-label"));
  });
}
Run Code Online (Sandbox Code Playgroud)
<a href="#" role="menuitem" id="main-6" aria-haspopup="true" aria-label="Choose your country site">
  <svg class="header-redirect--icon-w">
     <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-country"></use>
  </svg>
  <i class="i-globe-w"></i>
</a>
Run Code Online (Sandbox Code Playgroud)

html javascript label

2
推荐指数
1
解决办法
6941
查看次数

当 fetch async 加载我的数据时,如何在 Javascript 中添加微调器?

早上好,我的 js 文件中有一个 fetch 异步函数,用于将 ajax 成员调用到政府表中。我想在加载数据时添加一个微调器,并且我想在微调器(ajax)工作时隐藏表格标题和下拉菜单以及复选框。我没有使用任何框架,只是使用 js vanilla。我是一名学生,我不能使用 jquery 来做到这一点。我有旋转器,但当数据出现在表格上时它不会消失。太感谢了!

async function getData(chamber) {
  members = await fetch(`https://api.propublica.org/congress/v1/113/${chamber}/members.json`, {
      method: "GET",
      headers: new Headers({
        'X-API-Key': 'iv8LMc9T9sQKOc0EfDC1NLtQU68pFsF6O6W3NPJz'
      })
    })

    .then(response => response.json())
    .then(data => data.results[0].members)
    .catch(err => console.log(err))
  webLogic(chamber);
  document.getElementsById("loader").style.display = "none"
}
Run Code Online (Sandbox Code Playgroud)

javascript

2
推荐指数
1
解决办法
2204
查看次数