HTML多个选择选定的JS提交表格

Question

我在PHP有这个简单的选择作为回显（使用Chosen JS ）：

echo" <tr>
<th>By country:<br />
<select id=\"firstselect\" name=\"country[]\" 
    data-placeholder=\"Country...\" multiple class=\"chosen-select\">
        <option value=\"dontcare\">dontcare</option>";
        foreach ($states as $state) {
            echo "<option value=\"" . $state->stat .
                 "\" >" . $state->stat . "</option>";
         }
echo "</select> </th></tr>";

从提交和刷新后，页面值未选定。

如果我只有一个选择，这对我有用：

var my_val = '<?=$_POST['price']?>'; 
$("#cenan").val(my_val).trigger("chosen:updated");

但我不知道如何将其设置为选定的数组。 您能帮我看看一些代码吗？ 我花了几个小时没有任何结果。

Answer 1

您正在将表单数据发布到同一页面，然后刷新它，对吗？

如果是这样，则可以通过检查$_POST['country']数组中是否存在PHP的值来稍作更改，以在页面刷新时将所选选项标记为已选中。

另外，由于将回声输出括在双引号中，因此无需转义变量，因为PHP仍会解析它们，只需在要在HTML中引号的字符串中使用单引号即可。 轻松得多。

foreach ($states as $state) {
    if ((!empty($_POST['country'])) && (in_array($state->stat, $_POST['country']))) {
        echo "<option value='$state->stat' selected>$state->stat</option>";
    } else {
        echo "<option value='$state->stat'>$state->stat</option>";
    }
}

Answer 2

假设您具有如下所示的HTML选择：

<select id='firstselect' multiple class="chosen-select" >
<option value='a'>A</option>
<option value='b'>B</option>
<option value='c'>C</option>
</select>

这是解决方案：

<?php
$arr = ['a','b']; // PHP Sample Array
?>


var js_json =  '<?php echo json_encode($arr); ?>';
var js_json_string = JSON.stringify(js_json);
var js_json_array = JSON.parse(js_json_string); // ['a','b']


// initialize
$("#firstselect").chosen();

// Loop for making HTML <select> options selected.
$.each(js_json_array,function(i,v){
$('#firstselect option[value=' + v + ']').attr('selected', true);
});

//Updating Chosen Dynamically
$("#firstselect").trigger("chosen:updated");