[英]How to change select box value using JCF plugin?
我有一個使用 jcf 插件的 select 盒子。 正如文檔所說,我們必須刷新方法來更改值,但它沒有改變。 下面是我嘗試過的?
$(function() { jcf.replaceAll(); }); function changeValue() { $("#mgloc_npgpo").val('1') jcf.getInstance($("#mgloc_npgpo")).refresh() }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jcf/1.2.3/js/jcf.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jcf/1.2.3/js/jcf.select.js"></script> <div class="select-holder"><label>Selection</label> <div class="select-wrap"><input type="hidden" id="mgloc_340b" value=""/> <div class="select-wrap"><input type="hidden" id="mgloc_340b" value=""/> <select id="mgloc_npgpo" multiple="multiple" data-jcf="{"wrapNative": false, "wrapNativeOnMobile": false, "useCustomScroll": false, "multipleCompactStyle": true}" class="jcf-hidden"> <option value="" selected="selected">Select Non-Primary</option> <option value="1">value 1</option> <option value="2">value 2</option> </select> <div class="errorMsg hide"> </div> </div> <div class="errorMsg hide"> </div> </div> <button style="margin-top: 100px;" onClick="changeValue()">change value</button> </div>
你有一個錯字
您的 ID 名稱mgloc_npgpo
不是mgloc_ngpo
在您的 js 代碼中,您在每個地方都使用mgloc_ngpo
。 應該是mgloc_npgpo
$(function() { jcf.replaceAll(); }); function changeValue() { $("#mgloc_npgpo").val('1') jcf.getInstance($("#mgloc_npgpo")).refresh() }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jcf/1.2.3/js/jcf.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jcf/1.2.3/js/jcf.select.js"></script> <div class="select-holder"><label>Selection</label> <div class="select-wrap"><input type="hidden" id="mgloc_340b" value=""/> <select jcf id="mgloc_npgpo" data-jcf="{"wrapNative": false, "wrapNativeOnMobile": false, "useCustomScroll": false, "multipleCompactStyle": true}" class="jcf-hidden"> <option value="" selected="selected">Select Non-Primary</option> <option value="1" >value1</option> <option value="2" >value2</option> </select> <div class="errorMsg hide"> </div> </div> <button onClick="changeValue()">change value</button> </div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.