小编Spe*_*ric的帖子

提交后如何通过多个选择表单显示和隐藏Div

我有两个带有提交按钮的选择表单,例如我需要获取所选值的结果

第一个选择具有颜色作为选项的表单,第二个包含其他内容。

我有一些项目作为 div....红花,红鱼。

如果我从第一个表单中选择红色,它会显示红色值 div,而在第二个表单中,如果我选择花,它应该只显示红色的花,但它会显示红色值下的所有内容。只有当我提交搜索按钮时,所有这些都必须起作用。我在下面附上了 jsfiddle。代码:

$(document).ready(function(){
    $("select").change(function(){
        $(this).find("option:selected").each(function(){
            var optionValue = $(this).attr("value");
            if(optionValue){
                $(".box").not("." + optionValue).hide();
                $("." + optionValue).show();
            } else{
                $(".box").hide();
            }
        });
    }).change();
});
Run Code Online (Sandbox Code Playgroud)
.box{
        color: #fff;
        padding: 20px;
        display: none;
        margin-top: 20px;
    }
    .red{ background: #ff0000; }
    .green{ background: #228B22; }
    .blue{ background: #0000ff; }
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row">
      <div class="col-5">
        <select class="form-control">
            <option value="all">All</option>
            <option value="red">Red</option>
            <option value="green">Green</option>
            <option value="blue">Blue</option>
        </select>
      </div>
      <div class="col-5">
        <select class="form-control">
            <option value="all">All</option>
            <option value="flower">flower</option>
            <option value="fish">fish</option>
            <option value="toy">toy</option> …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

当对象包含值时重新排序对象数组

当在另一个数组中找到值时,我想将项目移动到数组的顶部。

const data = [
   { value: 'BMW', count: 1 },
   { value: 'AUDI', count: 1 },
   { value: 'VAUXHALL', count: 1 },
   { value: 'FIAT', count: 1 },
   { value: 'HONDA', count: 1 },
   { value: 'LANDROVER', count: 1 },
];

const selected = [ 'AUDI', 'HONDA' ];
Run Code Online (Sandbox Code Playgroud)

所以基本上上面会变成:

const data = [
   { value: 'AUDI', count: 1 },
   { value: 'HONDA', count: 1 },
   { value: 'BMW', count: 1 },
   { value: 'VAUXHALL', count: 1 },
   { value: …
Run Code Online (Sandbox Code Playgroud)

javascript arrays

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

如何对月份和年份的列表进行排序

我有一个包含年份的月份列表,例如:[12-2014,11-2012,5-2014,8-2012]并且我必须将它们排序为最近的在顶部(或最新的日期在顶部),例如。[12-2014,5-2014,11-2012,8-2012]
有人知道如何Java有效地做到这一点吗?

编辑:
该课程YearMonth不可用,我正在上课Java 7

java arrays time datetime date

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

Bootstrap 行导致水平滚动条

我有个问题:

我想创建一个 chatwebapp 并使用 Bootstrap 进行布局。不幸的是,通过以下代码,我得到了一个不应该存在的水平滚动条。我使用列和行,我知道 bootstrap css 中有一个填充,但是当我尝试删除它时,什么也没有发生,滚动条仍留在那里。也许你们可以帮助我。

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <title>Bootstrap Example</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    </head>
    <body>
    
    <div>
            <div class="row">
              <div class="col-md-12">
                <div>
                <nav class="navbar navbar-expand-lg navbar-light bg-light">
                    <a class="navbar-brand" href="#">
                        Navbar w/ text
              </a>
                    <button
                        class="navbar-toggler"
                        type="button"
                        data-toggle="collapse"
                        data-target="#navbarText"
                        aria-controls="navbarText"
                        aria-expanded="false"
                        aria-label="Toggle navigation"
                    >
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarText">
                        <ul class="navbar-nav mr-auto">
                            <li class="nav-item active">
                                <a class="nav-link" href="#">
                                    Home <span class="sr-only">(current)</span> …
Run Code Online (Sandbox Code Playgroud)

html css react-bootstrap bootstrap-4

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

使用 25 的倍数填充数组直至一定限制 - JS

我正在尝试创建一个包含 25 到 300 个数字的数组。例如:

const arr = [25, 50, 75, 100, 125...., 300];
Run Code Online (Sandbox Code Playgroud)

这是我到目前为止所拥有的:

var every25to300 = 300; 

for (var i = 0; i <= every25to300; i++) {
   console.log(i);
}
Run Code Online (Sandbox Code Playgroud)

我尝试过类似的方法console.log(i + 25),但从 25 开始一直到 325。我知道我做错了什么,只是不确定到底是什么。我可以寻求帮助吗?

非常感谢!

javascript arrays loops

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

java 中的时间和小时数

import java.util.Scanner;

public class Nc3 {
    public static void main(String[] args) {
        Scanner input = new Scanner(System.in);

        System.out.println("Enter time of arrival: ");
        double time = input.nextDouble();
        int arrivalTime;
        arrivalTime = 0;
        arrivalTime += time;

        if (time % 20 != 0) {
            time %= 20;
            time = 20 - time;
            System.out.println(arrivalTime +time);
        }

        else if (((arrivalTime + time) % 100) == 60.0) {
            time += 40;
            System.out.println(arrivalTime + time);
        }
        else
            System.out.println("Now - " +arrivalTime);

    }
}
Run Code Online (Sandbox Code Playgroud)

我被要求编写一个程序,获取当前时间的输入,并返回下一趟公交车发车的时间,知道公交车每 20 分钟在 00、20、40 …

java time

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

解析为 LocalTime 模式 mm:ss.S

如何从字符串中解析 LocalTime,例如 mm:ss.S 格式的“10:38.0”?我很难改变格式。

    public static LocalTime parseTime(String time) {
        return localTime = LocalTime.parse(time, DateTimeFormatter.ofPattern("mm:ss.S"));
    }

Run Code Online (Sandbox Code Playgroud)

出现错误

java.time.format.Parsed java.time.format.DateTimeParseException 类型的 ISO:无法解析文本 '10:38.2':无法从 TemporalAccessor 获取 LocalTime:{MinuteOfHour=10,MicroOfSecond=200000,MilliOfSecond=200,NanoOfSecond =200000000,秒数=38},

java parsing duration localtime java-time

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

打印所有质数直到某个数字

所以我试图打印导致用户输入数字的素数。唯一的问题是它现在不打印数字。我没有发现代码有任何问题,当我与老师核对时,他说它应该可以工作。

static void primeNumbers(int n) {
    System.out.println("All the prime numbers up to " + n + " are -->");

    for (int count = 2; count == n; count++){
      boolean isPrime = true;
      for (int prime = 2; prime < n; prime = prime++) {
        if (n % prime == 0) {
          isPrime = false;
        }
        if(isPrime){
          System.out.println(n);
        }
      }
    }
  }
Run Code Online (Sandbox Code Playgroud)

java

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

将双星号转换为粗体标签

我想**test**变成<b>test</b>

我试过了:

const result = "**str**".replace(/\*/g, "<b>");
console.log(result);
Run Code Online (Sandbox Code Playgroud)

html javascript

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

如何在鼠标单击标签外时关闭详细信息标签

<details>当用户单击标签之外的某个位置时,如何取消展开标签?

我想没有 CSS 解决方案,所以 JavaScript 解决方案就可以了。

谢谢。

html css

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

如何反转单个字符的大小写?

package nine.march.twenty;

import java.util.Scanner;

public class UpperCaseToLowerCase {

    public static void main(String[] args) {

        char ch='a';
        
    }
}
Run Code Online (Sandbox Code Playgroud)

如果我放 'a' 我想要 'A '

如果我放'A',我想要'a'

java

0
推荐指数
1
解决办法
77
查看次数

如何计算鼠标指针指向某个点的角度?

如何计算鼠标指针相对于屏幕右下角的角度?

javascript

0
推荐指数
1
解决办法
80
查看次数

带缓存的 Javascript 数字计数器

我有这个脚本,用于在 1 秒后将计数器增加 1,但是当我刷新页面时,我需要记住我计数的最后一个数字。

示例:目前,我有 40。当我刷新页面时,我需要在 40 后开始计数,而不是重置为 1。这可能吗?

function animateValue(id) {
  var obj = document.getElementById(id);
  var current = parseInt(obj.innerHTML);
  setInterval(function() {
    current++;
    // Update the contents of the element
    obj.innerHTML = current;
  }, 1000);
}

animateValue('value');
Run Code Online (Sandbox Code Playgroud)
<h1>
  <div id="value">1</div>
</h1>
Run Code Online (Sandbox Code Playgroud)

javascript

0
推荐指数
1
解决办法
324
查看次数