Question

我是php的新手，对不起这个问题，但我如何将所选项目移动（使用PHP）到div？

<div id="btn"></div>
<ul>
    <li class="selected">Alfa</li>
    <li>Beta</li>
    <li>Gamma</li>
    <li>Delta</li>
    <li>Epsilon</li>
    <li>Zeta</li>
</ul>

我想将 li.selected 移至 div＃btn 。我尝试使用echo "<li class=selected></li>";，但无效。

任何帮助表示赞赏！谢谢！

Answer 1

PHP在服务器端运行。你要做的是需要JavaScript。使用以下jQuery代码，您可以执行以下操作：

   //Iterate through each <li> element having the class "selected"
    $("li.selected").each(function() { 
       //For each of these, append the text within the <li> element into the div with id "btn" (wrapped within a span- can change as needed)
       $('#btn').append('<span>' + $(this).text() + '</span>');
    });

要在页面上导入jQuery，您可以使用：

<script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'></script>

Answer 2

PHP是服务器端语言，对于将项目移动到div，您应该向服务器发送请求并构建“新”页面。

对于您的示例，您应该在页面中添加表单，并将li更改为输入类型为radio或复选框。

但我觉得你的例子不需要PHP - 你可以用Javascript来实现。

Answer 3

你需要使用javascript来做到这一点，使用jQuery就像

$('div#btn').text($('li.selected').text());

如果您想在点击时选择的更改中更改

$('li.selected').click(function() {
    var self = $(this);
    self.addClass('selected').siblings().removeClass('selected');
    $('div#btn').text(self.text());
});

如何将所选项目移动到div？

3 个答案: