Question

I have this value form database

10:00|10:15|10:30

and I need to replace this symbol | to html list <li>

Like this:

<li><input class="left" type="text" value="10:00" /><div class="del right ">x</div></li>
<li><input class="left" type="text" value="10:15" /><div class="del right ">x</div></li>
<li><input class="left" type="text" value="10:30" /><div class="del right ">x</div></li>

Answer 1

Use explode(), and then build the list from the resulting array:

$str = "10:00|10:15|10:30";
$out = "";

foreach ( explode( "|", $str ) as $value ) {
  $out .= "<li>{$value}</li>";
}

echo "<ul>{$out}</ul>";

Which results in:

<ul>
    <li>10:00</li>
    <li>10:15</li>
    <li>10:30</li>
</ul>

Adding your inputs is a breeze from here:

foreach ( explode( "|", $str ) as $value ) {
    $out .= "<li>
                 <input class='left' type='text' value='{$value}' />
                 <div class='del right'>x</div>
             </li>";
}

Leaving you with the following:

<ul>
    <li>
        <input class='left' type='text' value='10:00' />
        <div class='del right'>x</div>
    </li>
    <li>
        <input class='left' type='text' value='10:15' />
        <div class='del right'>x</div>
    </li>
    <li>
        <input class='left' type='text' value='10:30' />
        <div class='del right'>x</div>
    </li>
</ul>