[英]Get value selected select2 <li> not option
我使用 select2,我想在选择标签时获取我的选项的值,但是我的 select2 输出就像“span”“UL”“li”,当我在这里搜索时,我发现有人说你可以得到你的像这样的选项的值jQuery("#service").select2('data');
但我得到一个空的警报 html:
<div class="wpb_column vc_column_container vc_col-sm-3">
<input type="hidden" value="search" class="search_icon">
</div>
<div class="wpb_column vc_column_container vc_col-sm-5">
<label class="control-label col-md-3">Que cherchez-vous ?</label>
<select name="services[]" id="service" class="form-control select2-multiple col-lg-5 col-md-9" multiple>
<?php if ( !empty( $post_id ) ) {
foreach ($post_id as $value) {
?>
<option value="<?php echo($value->ID);?>"><?php echo($value->post_title);?></option>
<?php
}
}
?>
</select>
</div>
<div class="wpb_column vc_column_container vc_col-sm-2">
<input type="button" value="search" class="search_icon">
</div>
<div class="wpb_column vc_column_container vc_col-sm-3">
<input type="hidden" value="search">
</div>
这是我的脚本:
<script>
jQuery(document).ready(function() {
jQuery('#service').select2({
minimumInputLength: 1,
width: '100%',
tags: true
});
var option_val = jQuery("#service").select2('data');
jQuery('.search_icon').on('click', function() {
alert(option_val);
});
</script>
要在单击时检索列表中当前选定的值,您必须在单击事件中使用select2('data')
,例如:
jQuery('.search_icon').on('click', function() {
var option_val = jQuery("#service").select2('data');
alert(option_val[0].text); //text
//Or
//alert( jQuery("#service option:selected").text() ); //text
//Or
//alert( jQuery("#service").val() ); //value
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.