gpt4 book ai didi

javascript - 组合框在值更改时不刷新

转载 作者:行者123 更新时间:2023-12-03 08:21:27 24 4
gpt4 key购买 nike

在初始化页面上,我有以下组合框元素的渲染

<div class="combobox-container">
<input type="hidden" name="MySelection" value="">
<div class="input-group">
<input class="combobox form-control" type="text" autocomplete="off" placeholder="Select">
<ul class="typeahead typeahead-long dropdown-menu">
<li class="" data-value="val1">
<li class="active" data-value="val2">
<li data-value="val3">
<li data-value="val4">
<li data-value="val5">
</ul>
<span class="input-group-addon dropdown-toggle" data-dropdown="dropdown">
<span class="caret"></span>
<span class="glyphicon glyphicon-remove"></span>
</span>
</div>
</div>

渲染组合就像

enter image description here

从这个组合中选择选项后,我的渲染效果如下

enter image description here

现在,在某些用户操作之后,我将组合框重置为默认状态,因此我使用以下代码

$('#MySelection').val(undefined);

这实际上改变了我预期的值,但 ui 元素保持不变,看起来 enter image description here我想显示为 enter image description here

我尝试使用 $('#MySelection').data('combobox').refresh();但这没有帮助。

更新:正如有人建议我尝试移动 $('#MySelection').data('combobox').refresh();在文件末尾,因为我在 firebug 中遇到错误

TypeError: $(...).data(...) is undefined').data('combobox').refresh();

但这没有帮助。我什至尝试将 _Layout.cshtml 文件放在所有 jquery 初始化文件之后,但也没有任何进展。

最佳答案

更新:试试这个:

引导组合框:

$('#MySelection').val('');
$('#MySelection').data('combobox','refresh');

   $(document).ready(function(){
$('.combobox').combobox()

$("#reset").on("click",function(){
$('.combobox').val('');
$('.combobox').data('combobox','refresh');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js" type="text/javascript"></script>
<script src="http://formvalidation.io/vendor/bootstrap-combobox/js/bootstrap-combobox.js" type="text/javascript"></script>

<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css">

<link href="http://formvalidation.io/vendor/bootstrap-combobox/css/bootstrap-combobox.css" media="screen" rel="stylesheet" type="text/css">
</head>
<body>

<h1>Vertical Form</h1>

<div class="form-group">
<label>Turns this</label>
<select class="combobox input-large form-control">
<option value="">Select a State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>

</select>
</div>

<button id="reset">Reset</button>

关于javascript - 组合框在值更改时不刷新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33733517/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com