0

我是 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>";但没有用。

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

4

3 回答 3

2

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>
于 2013-02-24T21:08:45.187 回答
1

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

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

但我认为对于您的示例,您不需要 PHP - 您可以在 Javascript 中进行此操作。

于 2013-02-24T21:05:08.053 回答
1

你需要使用 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());
});
于 2013-02-24T21:09:19.420 回答