Question

我真的是javascript和php的新手。我有一个案例。

<label><a href="#" class="pull-right" style="margin-top: -5px;" id="moreupload">
                                                    <!--<?php
                                                        $count = substr_count($html,'<div class="col-md-12 row" style="margin-top:10px;">'); //where $html holds your piece of HTML.
                                                        if ($count>=0){
                                                            echo "Add Design";}
                                                        else{
                                                            echo "Upload Design";
                                                        }
                                                        ?>-->
                                                    Upload Design</a></label>

所以我想根据用户的点击更改“上载设计”文本。因此，如果用户单击=> 1，它会更改为“添加设计”而不刷新页面。对不起，我的英语不好

Answer 1

您可以通过app:hideOnScroll="true"来将点击事件添加到moreupload。然后，您可以像下面这样更改getElementById('moreupload')：

innerHTML

document.getElementById('moreupload').addEventListener('click', function() {
    // Change the text
    this.innerHTML = 'Add Design'
});

希望有帮助

Answer 2

要更改按钮文本，不需要PHP。它纯粹是前端。但是按钮功能呢？上载和添加按钮执行不同的后端调用吗？如果是这样，则隐藏和显示所需按钮的效率更高。您需要的是Javascript。

HTML：

<a href="#" class="pull-right" style="margin-top: -5px;" id="moreupload">Upload Design</a>

Javascript：

$("#moreupload").on("click",function(){
 $(this).text("Add Design");
});

PS：不确定是否应该使用，请查阅有关用法的文档。 https://www.w3schools.com/tags/tag_label.asp

如何在不刷新的情况下基于单击更改文本，除非刷新页面

2 个答案: