问题：

在页面加载/重新加载时设置选择值

欧阳哲

2023-03-14

我想更改页面加载时的“选择组件”值。我读了相关的帖子，那里提出的每一个解决方案都适用于点击按钮。然而，我想要的是在页面加载后设置值，而不需要任何用户操作。我拥有的是：

<script>
$(document).ready(function(){
    $("div.id_100").val("March").change();
    alert("ready!");
});
</script>

以及：

<div class="id_100">
    <select class="form-control">
        <option  th:text="January">January</option>
        <option  th:text="February">February</option>
        <option  th:text="March">March</option>
    </select>
</div>

我有相同的代码附加到按钮上，并且它可以工作。它只是不适用于准备（）函数。所以我的问题是：如何在页面加载后设置选择值？

$( "#button1" ).click(function() {
    $("div.id_100").val("March").change();  
});

完整html

<head>
<title>Wszystkie Delegacje</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" href="../static/css/blog.css" th:href="@{/css/blog.css}" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/dataTables.bootstrap.min.css"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/dataTables.bootstrap.min.js"></script>
<script th:src="@{/js/triptable.js}"></script>



<link
    href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.0/bootstrap-table.min.css"
    rel="stylesheet" />

<style type="text/css">
.pull-right {
    float: right !important;
    color: green;
}

@media ( min-width : 1600px) {
    .container {
        max-width: 2000px;
    }
}
</style>
</head>
<body>

<div layout:fragment="content">

<div class="container">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.0/bootstrap-table.min.js"></script>

<a class="btn btn-md btn-info" id="button1">miech</a>


<div class="id_100">
    <select class="form-control">
    <option  th:text="January">January</option>
    <option  th:text="February">February</option>
    <option  th:text="March">March</option>                 
    </select>
</div>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<script>

$(document).ready(function(){

    $("div.id_100 select").val("March").change();

    alert("ready!");


});

$( "#button1" ).click(function() {


    $("div.id_100").val("March").change();


});

</script>
</body>
</html>

共有3个答案

齐振

2023-03-14

代码的问题是您正在尝试为div设置值。不是选择标签。

这是实际的解决方案。

<!DOCTYPE html>
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("div.id_100 select").val("March");
        });
    </script>
</head>

<body>

    <div class="id_100">
        <select class="form-control">
            <option th:text="January">January</option>
            <option th:text="February">February</option>
            <option th:text="March">March</option>
        </select>
    </div>

</body>

</html>

锺离德运

2023-03-14

您必须选择<代码>

请参见示例：

$(document).ready(function() {
  $("div.id_100 select").val("February").change();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="id_100">
  <select class="form-control">
    <option value="January">January</option>
    <option value="February">February</option>
    <option value="March">March</option>
  </select>
</div>

诸葛苏燕

2023-03-14

首先，选择器选择div，而不是选择自身。

然后，您需要在选项中选择除名称以外的值。

$(document).ready(function(){
    $("div.id_100 select").val("mar").change();
    alert("ready! "+ $("div.id_100 select").val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="id_100">
    <select class="form-control">
        <option value="jan" th:text="January">January</option>
        <option value="feb" th:text="February">February</option>
        <option value="mar" th:text="March">March</option>
    </select>
</div>

类似资料：

在页面加载时选择默认css

我有一个非常基本的mvc应用程序。我有两个css文件，即site.css和bootstrap.min.css。我看到在应用程序中，正在加载bootstrap.min.css中提到的样式，它具有如下样式 html，正文{边距：0；填充：0；} 等等。在调试代码时，我了解到这两个css文件都存在于_layout.cshtml中 link href=“@url.content（”~/content
AngularJs：重新加载页面

我想重新加载页面。我该怎么做？
重新加载DIV而不重新加载整个页面

问题内容：我有一个带有php include的Div Tag，该div用来填充该信息，我想要做的是使它每隔15秒调用一次，以便它可以在那里更新信息，而不必重新加载整个网页。我试图用JavaScript / jQuery做到这一点，但似乎无法正常工作这是我在搜索一些内容后所拥有的，然后发生的是，它加载了Small.php，但不会每15秒刷新一次或更新信息。请帮忙！我应该添加所有应显示的php
Angular ngGrid选择页面加载行

问题内容：我的问题是对该问题的扩展从ng-grid获取选择行？ plunker - http://plnkr.co/edit/DiDitL?p=preview 我需要在页面加载时选择一行，并且需要避免听’ngGridEventData’ 调用$ scope.gridOptions.selectRow（2，true）; 由于尚未加载网格，因此控制器主体中的“故障”失败。避免监听ngGridEv
jQuery ajax页面重新加载

问题内容：我们正在发出多个ajax请求，以“保存” Web应用程序中的数据，然后重新加载页面。我们遇到了这样一种情况：（由于请求是异步发出的）在ajax调用完成时或之前重新加载页面。一种简单的解决方案是使用“ async”：false选项启用ajax调用，从而强制进行同步调用。这似乎可行，但是在执行任何调用之前运行的对话框代码会延迟运行。任何意见是极大的赞赏！还应注意，在重新加载之前放置al
服务人员问题：当页面刷新并选中“重新加载时更新”时，页面从不加载

演示视频：https://www.youtube.com/watch?v=UBfnvx6jC_A 我学习了Udacity的离线Web应用程序课程，以便让我的应用程序离线工作。这是我的密码：主要的js 服务人员。js 当我处于一个安装了服务人员并处于活动状态，并且缓存了我所有的东西的状态时，就会出现问题。当我打开开发工具并在Chrome中签入“重新加载时更新”时，如果我重新加载：页面看起来相同，

在页面加载/重新加载时设置选择值

共有3个答案

相关问答

相关文章

相关阅读

相关工具

相关文档