【问题标题】:PHP replace "|" symbol to html list <li> [duplicate]PHP替换“|” html列表的符号<li> [重复]
【发布时间】:2012-05-29 21:55:40
【问题描述】:

我有这个值形式的数据库

10:00|10:15|10:30

我需要将此符号 | 替换为 html 列表 &lt;li&gt;

像这样:

<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>

【问题讨论】:

  • 显示您尝试过的内容。究竟什么不起作用。这里有一个提示,可以帮助您入门。使用explode 然后循环遍历它
  • 使用 $items = explode('|', $str),然后通过 $items[index] 使用每个项目

标签: php html regex


【解决方案1】:

使用explode(),然后根据结果数组构建列表:

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

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

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

结果:

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

从这里添加您的输入是轻而易举的事:

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

为您留下以下内容:

<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>

【讨论】:

    【解决方案2】:

    您可以使用 | explode 每个结果作为分隔符。

    【讨论】:

      【解决方案3】:

      您可以使用将其拆分为数组

      $input = '10:00|10:15|10:30';
      $list = explode('|', $input);
      

      比使用 foreach 遍历数组

      foreach ($list as $li) {
          echo '<li />' . $li;
      }
      

      【讨论】:

        【解决方案4】:

        尝试使用:

        <?php
            $result = explode('|','10:00|10:15|10:30');
            foreach($result as $single)
            {
                echo '<li><input class="left" type="text" value="'.$single.'" /><div class="del right ">x</div></li>'."\r\n";
            }
        ?>
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2022-11-29
          • 2019-04-29
          • 2014-03-07
          • 2020-04-26
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多