[英]Pre select an option in a select box
我有以下选择框，我想在页面加载时预先选择新闻，
<select type="text" name="cn_terms[category][]" id="cn_metabox_category" class="form-control cn-taxonomy select2-hidden-accessible" multiple="" data-select2-id="cn_metabox_category" tabindex="-1" aria-hidden="true">
<option value="32" data-select2-id="19">Community</option>
<option value="85" data-select2-id="20">News</option>
<option value="33" data-select2-id="21">Old News</option>
<option value="1" data-select2-id="22">Uncategorized</option>
</select>
我试过了
$( document ).ready(function() {
$("#groupsel_0 option[value=85]").prop("selected", true);});
和
$( document ).ready(function() {
$("#cn_metabox_category").val("85");
});
但似乎都不起作用。
第二个版本有效。 启动代码段。
$( document ).ready(function() { $("#cn_metabox_category").val("85"); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select type="text" name="cn_terms[category][]" id="cn_metabox_category" class="form-control cn-taxonomy select2-hidden-accessible" multiple="" data-select2-id="cn_metabox_category" tabindex="-1" aria-hidden="true"> <option value="32" data-select2-id="19">Community</option> <option value="85" data-select2-id="20">News</option> <option value="33" data-select2-id="21">Old News</option> <option value="1" data-select2-id="22">Uncategorized</option> </select>
当页面加载时你可以试试这个（你可以把它放在<body onload="//put code here"> ）：
$("option[value='85']").attr('selected','selected');
select 框中的预设选项与 Angular JS 中的自定义文本
[英]Pre-set option in select box with customized text in Angular JS
Vue 选择框，用一个选项预选并用来自不同 axios 调用的数组填充选项
[英]Vue select box, pre-select with one option and fill options with array from different axios call
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.