Php 如何使用按钮选择列表中的最新或下一个元素

Php 如何使用按钮选择列表中的最新或下一个元素,php,html,css,Php,Html,Css,我想做一个小网站,我需要做一个教训,我们需要选择一个列表中的项目,我有2个箭头选择项目下面或后面的当前项目 以下是一个例子: 因此,如果我想回去,它需要选择“Gratin de knöpfli” 我想用一个id来选择它,但我真的不知道怎么做 PHP 您必须将$fichierselection传递到粘贴列表函数中,并使具有相同的$fichierselected=“selected”: 函数afficherListe($fichierSelectionne=null){ 如果($dossier=o

我想做一个小网站,我需要做一个教训,我们需要选择一个列表中的项目,我有2个箭头选择项目下面或后面的当前项目

以下是一个例子:

因此,如果我想回去,它需要选择“Gratin de knöpfli”

我想用一个id来选择它,但我真的不知道怎么做

PHP


您必须将
$fichierselection
传递到
粘贴列表
函数中,并使具有相同的
$fichier
selected=“selected”

函数afficherListe($fichierSelectionne=null){
如果($dossier=opendir('./recttes')){
while(false!==($fichier=readdir($dossier))){
如果($fichier!='.&&$fichier!=''..')){
$nb_fichier+=1;
$nom\u fichier=preg\u replace('/\...\\\s]{3,4}$/',''.$fichier);
回声“.$nom_fichier.”;
}
}
}
}

您正在寻找php或js解决方案。Javascript对我来说似乎是明智的。有非正则表达式的方法或从文件名中删除扩展名。主要是PHP,因为我们通常了解PHP,是的,我知道,但因为我知道一点正则表达式更喜欢在你的
词缀($recette)中使用它
afficherListe()方法。使用
$recette
您似乎已经知道当前看到的配方。因此,使用这些方法并创建一个方法,告诉您上一个和下一个
$recette
,然后将其发回。您的食谱是如何存储的?只是文字吗?你对那篇文章做了些什么吗?例如,是否将所有这些值转换为数组?如果是,您可以通过该数组进行迭代,找到当前配方和上一个或下一个配方。您不需要$FICHIERSELECTONE,因为您已经在$RECTETTE中找到了当前配方,但我认为显式传递param更利于可读性。我如何将操作添加到箭头中?您可以将其作为get参数添加:
?page=some page
,然后通过
$\u get['page']
将其获取到函数中
*{
    font-family: verdana;
    font-weight: bold;
    text-align: center;
}

header{
    margin: auto;
    width: 100%;
    padding: 0;
}

#liste{
    background: yellow;
    text-align: center;
}

#contenu{
    display:block;
    background: #FFFFE0;

}

#footer{
    text-align: center;
    background: yellow;

}
function afficherListe($fichierSelectionne = null) {
    if($dossier = opendir('./recettes')) {
        while(false !== ($fichier = readdir($dossier))) {
            if($fichier != '.' && $fichier != '..') {
                $nb_fichier += 1;
                $nom_fichier = preg_replace('/\\.[^.\\s]{3,4}$/', '', $fichier);
                echo '<option value="'.$fichier.'" name='.$fichier.' '.($fichier == $fichierSelectionne ? 'selected="selected"' : '').'>'.$nom_fichier.'</option>';

            }
        }
    }
}