我不知道我做错了什么，但是我的带有 js 和 css 的 .html 不会显示必须显示的内容

Question

我的 html 代码没有显示例如 selectpicker，我不知道我做错了什么。 我认为有一些愚蠢的错误，但我找不到它。 我正在使用 laravel 并遵循本指南，但它根本行不通。 条形图工作正常。 我尝试了简单的事情，例如将按钮类切换为危险，但它不起作用。

 <!doctype html> <html lang="{{ config('app.locale') }}"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Laravel</title> <!-- Fonts --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.3/js/bootstrap-select.min.js" charset="utf-8"></script> <link href="{{asset('css/app.css')}}" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.3/css/bootstrap-select.min.css"> </head> <body> <div class="container"> <br /> <form action="{{url('stock/add')}}" method="post"> {{ csrf_field() }} <div class="form-group"> <label for="stockName">Stock Name:</label> <input type="text" class="form-control" id="stockName" name="stockName"> </div> <div class="form-group"> <label for="stockPrice">Stock Price:</label> <input type="text" class="form-control" id="stockPrice" name="stockPrice"> </div> <div class="form-group"> <label for="stockPrice">Stock Year:</label> <select class="selectpicker" name="stockYear"> <option value="1991">1991</option> <option value="1992">1992</option> <option value="1993">1993</option> <option value="1994">1994</option> <option value="1995">1995</option> <option value="1996">1996</option> </select> </div> <button type="submit" class="btn btn-primary">Submit</button> </form> </div> </body> </html>

Answer 1

尝试这个：

       <label for="stockYear">Stock Year:</label>
       <select name="stockYear" id="stockYear">
          <option value="1991">1991</option>
          <option value="1992">1992</option>
          <option value="1993">1993</option>
          <option value="1994">1994</option>
          <option value="1995">1995</option>
          <option value="1996">1996</option>
      </select>

请注意标签“名称”。 那是“stockYear”而不是“stockPrice”。

Answer 2

答案是我（或原作者）使用了错误的样式表（或者这个错误的发生可能是因为经过了一段时间并且发生了一些变化）。

而不是<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.3/css/bootstrap-select.min.css">
我不得不使用
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
在那次更改之后，一切正常。

我不知道我做错了什么，但是我的带有 js 和 css 的 .html 不会显示必须显示的内容

问题描述

2 个解决方案

解决方案1
0 2022-07-15 18:21:57

解决方案2
0 2022-07-15 19:03:45

我不知道我做错了什么，但是我的带有 js 和 css 的 .html 不会显示必须显示的内容

问题描述

2 个解决方案

解决方案1 0 2022-07-15 18:21:57

解决方案2 0 2022-07-15 19:03:45

解决方案1
0 2022-07-15 18:21:57

解决方案2
0 2022-07-15 19:03:45