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

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

jquery

Jquery 在页面加载/重新加载时设置选择值,jquery,Jquery,我想更改页面加载时的“选择组件”值。我阅读了这篇文章，这里介绍的每一个解决方案都可以通过点击按钮来实现。然而，我想要的是在页面加载后设置值，而不需要任何用户操作。我得到的是： <script> $(document).ready(function(){ $("div.id_100").val("March").change(); alert("ready!"); }); </script> 完整html Wszystkie Delegacje .向

我想更改页面加载时的“选择组件”值。我阅读了这篇文章，这里介绍的每一个解决方案都可以通过点击按钮来实现。然而，我想要的是在页面加载后设置值，而不需要任何用户操作。我得到的是：

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

完整html


Wszystkie Delegacje
.向右拉{
浮子：对！很重要；
颜色：绿色；
}
@介质（最小宽度：1600px）{
.集装箱{
最大宽度：2000px；
}
}
米奇
一月
二月
前进
$（文档）.ready（函数（）{
$（“div.id_100 select”）.val（“三月”）.change（）；
警报（“准备就绪！”）；
});
$（“#按钮1”）。单击（函数（）{
$（“div.id_100”）.val（“三月”）.change（）；
});

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

然后，您需要在

选项中value=”“
选择名称以外的值

$（文档）.ready（函数（）{
$（“div.id_100 select”）.val（“mar”）.change（）；
警报（“就绪！”+$（“div.id_100 select”）.val（）；
});

一月
二月
前进
首先，选择器选择div，而不是选择自身
然后，您需要在选项中value=”“
选择名称以外的值

$（文档）.ready（函数（）{
$（“div.id_100 select”）.val（“mar”）.change（）；
警报（“就绪！”+$（“div.id_100 select”）.val（）；
});

一月
二月
前进
您必须选择
节点，然后强制输入值：
见示例：

$（文档）.ready（函数（）{
$（“div.id_100 select”）.val（“二月”）.change（）；
});

一月
二月
前进
您必须选择
节点，然后强制输入值：
见示例：

$（文档）.ready（函数（）{
$（“div.id_100 select”）.val（“二月”）.change（）；
});

一月
二月
前进
要重新加载，您需要保留更改的值。可以使用
//Your selector was wrong use descendant selector
var element = $("div.id_100 select");

//Bind change event to persist the changed value
element.on('change', function() {
    localStorage.setItem('id_100_select_value', $(this).val());
});

//If data exists in localStorage the value will be ser
//Otherwise set default data   
element.val(localStorage.getItem('id_100_select_value') || "March");

要重新加载，您需要保留更改的值。可以使用
//Your selector was wrong use descendant selector
var element = $("div.id_100 select");

//Bind change event to persist the changed value
element.on('change', function() {
    localStorage.setItem('id_100_select_value', $(this).val());
});

//If data exists in localStorage the value will be ser
//Otherwise set default data   
element.val(localStorage.getItem('id_100_select_value') || "March");

代码的问题是您试图为div设置值，而不是为select标记设置值
这是实际的解决办法


$（文档）.ready（函数（）{
$（“div.id_100 select”）.val（“三月”）；
});
一月
二月
前进
代码的问题是您试图为div设置值，而不是为select标记设置值
这是实际的解决办法


$（文档）.ready（函数（）{
$（“div.id_100 select”）.val（“三月”）；
});
一月
二月
前进
没有。我已经尝试了所有的解决方案——所有的都适用于点击，没有一个适用于重新加载。我已经尝试了所有的解决方案——所有的都对click有效，没有一个对click有效reload@jarosik现在只需在html页面上进行测试。它起作用了。@jarosik我刚刚在我的机器上运行了您的完整html，它工作得非常好。@jarosik现在只在html页面上进行了测试。它成功了。@jarosik我刚刚在我的机器上运行了你的完整html，它工作得非常好。请复制并将此代码粘贴到html文件中，然后进行测试。对我来说很好。请复制粘贴在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>

//Your selector was wrong use descendant selector
var element = $("div.id_100 select");

//Bind change event to persist the changed value
element.on('change', function() {
    localStorage.setItem('id_100_select_value', $(this).val());
});

//If data exists in localStorage the value will be ser
//Otherwise set default data   
element.val(localStorage.getItem('id_100_select_value') || "March");