html多选选择js提交表单

时间:2017-10-04 19:30:26

标签: php html select jquery-chosen

我可以在PHP中轻松选择echo(使用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");

但我不知道如何在数组的情况下将其设置为选中。你能帮助我并给我一些代码吗?我花了几个小时没有任何结果。

2 个答案:

答案 0 :(得分:0)

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

如果是这样,那么您可以稍微更改您的PHP,以便在页面刷新时选择所选的选项,方法是检查$_POST['country']数组中是否存在其值。

另外,当您将echo输出用双引号括起来时,不需要转义变量,因为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>";
    }
}

答案 1 :(得分:0)

让我们假设您选择了以下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");