用php从数据库回显值到select .js

Echo value from database to selectize.js with php

本文关键字：select js php 数据库      更新时间：2023-09-26

我正在尝试用php从数据库中为select .js回显值。

Html代码

<select id="type" placeholder="Type" name="type" required>
<!-- This option help to selected value from DB -->
<!--<option value="<?php echo $dataFromDB['type'] ?>" selected></option>-->
</select>
<button id="someType">Add Option</button>

Js代码(示例来自selectizejs (with change))

var $select = $('#type').selectize({
maxItems: 1,
valueField: 'id',
labelField: 'days',
searchField: 'days',
options: [{
    id: '1',
    days: '5 days'
}, {
    id: '2',
    days: '2 days'
}, {
    id: '3',
    days: '1 days'
}],
create: true
});
var control = $select[0].selectize;
$('#someType').on('click', function () {
    control.addOption({
        id: '4',
        days: 'New Days'
    });
});

如何从数据库值自动添加选项并设置为选定选项?

jsfiddle联系

注意:如果数据库值和选项值匹配，我可以将值回显给option。

像这样?http://jsfiddle.net/2zyp8jxn/1/

control.setValue("4");

用php:

创建一个变量
 $php_test = "control.addOption({
                   id: '".$dataFromDB['type']."',
                   hari: '".$dataFromDB['type']."'
                 });
                 control.setValue('".$dataFromDB['type']."');
                ";
并添加jquery代码 
var control = $select[0].selectize;
$(function() {
   <?php echo 'var someOptions ='. $php_test ?>
});

我不知道是否创建一个变量someOptions是必要的，但它适用于我。由于

相关文章：