突出顯示多選列表中的值

Question

我有一個表單，其中包含一個包含3個值和其他一些字段的多選列表字段。 我想使用php代碼在提交按鈕后突出顯示列表中的選定值。 我將如何完成這項任務？

PHP代碼： -

<select id="txtconfort" name="txtconfort[]" multiple="multiple" style="width:72%; height:60px;">
    <option value="Power Steering">Power Steering</option>
    <option value="Power Windows">Power Windows</option>
    <option value="Engine Start/Stop Button">Engine Start/Stop Button</option>
</select>

例如。 如果我選擇Power Steering和Power Windows，那么在提交后我想使用selected屬性在相同的文件中突出顯示這些值。 請幫我！

Answer 1

嘗試這個：

<select id="txtconfort" name="txtconfort[]" multiple="multiple" style="width:72%; height:60px;">
    <option value="Power Steering" <?php if(in_array('Power Steering',$_POST['txtconfort'])) { echo "style='background-coloe:#ccc;'" } ?> >Power Steering</option>
    <option value="Power Windows" <?php if(in_array('Power Windows',$_POST['txtconfort'])) { echo "style='background-coloe:#ccc;'" } ?> >Power Windows</option>
    <option value="Engine Start/Stop Button" <?php if(in_array('Engine Start/Stop Button',$_POST['txtconfort'])) { echo "style='background-coloe:#ccc;'" } ?> >Engine Start/Stop Button</option>
</select>

Answer 2

在這里你可以做到：

<?php 
    $posted_txtconfort = array();
    if(isset($_POST["usubmit"])){
        if(isset($_POST["txtconfort"])) $posted_txtconfort = $_POST["txtconfort"];
    }
?>

<form method="post">
    <select id="txtconfort" name="txtconfort[]" multiple="multiple" style="width:72%; height:60px;">
        <option value="Power Steering" <?php if(sizeof($posted_txtconfort) && in_array("Power Steering",$posted_txtconfort)){ echo "SELECTED" ;}?>>Power Steering</option>
        <option value="Power Windows" <?php if(sizeof($posted_txtconfort) && in_array("Power Windows",$posted_txtconfort)){ echo "SELECTED" ;}?> >Power Windows</option>
        <option value="Engine Start/Stop Button" <?php if(sizeof($posted_txtconfort) && in_array("Engine Start/Stop Button",$posted_txtconfort)){ echo "SELECTED" ;}?> >Engine Start/Stop Button</option>
    </select>
    <input type="submit" name="usubmit" value="Submit">
</form>

上面的代碼將確保您不發布數據時不會收到任何未定義的索引。

Answer 3

你可以嘗試：

<select id="txtconfort" name="txtconfort[]" multiple="multiple" style="width:72%; height:60px;">
    <option value="Power Steering" <?php if(in_array('Power Steering',$_POST['txtconfort'])) { echo "selected='true'" } ?> >Power Steering</option>
    <option value="Power Windows" <?php if(in_array('Power Windows',$_POST['txtconfort'])) { echo "selected='true'" } ?> >Power Windows</option>
    <option value="Engine Start/Stop Button" <?php if(in_array('Engine Start/Stop Button',$_POST['txtconfort'])) { echo "selected='true'" } ?> >Engine Start/Stop Button</option>
</select>

邏輯是為每個選項echo selected="true" （如果它存在於數組中）

您也可以在循環中使用它來呈現選項語句