tengo el siguiente cuadro de selección, me gustaría preseleccionar noticias cuando se carga la página,
<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>He intentado
$( document ).ready(function() { $("#groupsel_0 option[value=85]").prop("selected", true);});y
$( document ).ready(function() { $("#cn_metabox_category").val("85"); });pero ninguno parece funcionar.
La segunda versión funciona. Enciende el fragmento.
$( 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>Cuando se carga la página, puedes probar esto (puedes ponerlo en <body onload="//put code here"> ):
$("option[value='85']").attr('selected','selected');