Fatal编程技术网
  • javascript/
  • Javascript：仍然显示以前的结果

Javascript：仍然显示以前的结果

javascript php jquery html

Javascript：仍然显示以前的结果,javascript,php,jquery,html,Javascript,Php,Jquery,Html,就像我有一个包含8个选项的选择框。当单击每个特定选项时，将显示一个我称之为“结果”的唯一文本。这很有效，只是在选择一个选项后，会同时显示我不想要的上一个和当前的“结果” 所以我的问题是如何创建一个select框，当选择每个选项时，它会显示一个唯一的“结果”，但当选择一个新选项之后，以前的“结果”就不再显示了 注意，我可以访问jQuery和Ajax（如果这很重要的话） 另外，这是我的代码： <?php $currentDir = getcwd(); $uploadDirect

就像我有一个包含8个选项的选择框。当单击每个特定选项时，将显示一个我称之为“结果”的唯一文本。这很有效，只是在选择一个选项后，会同时显示我不想要的上一个和当前的“结果”

所以我的问题是如何创建一个
select
框，当选择每个选项时，它会显示一个唯一的“结果”，但当选择一个新选项之后，以前的“结果”就不再显示了

注意，我可以访问jQuery和Ajax（如果这很重要的话）

另外，这是我的代码：

<?php
    $currentDir = getcwd();
    $uploadDirectory = "/uploads/";

    $errors = []; // Store all foreseen and unforseen errors here

    $fileExtensions = ['jpeg','jpg','png','mp4']; // Get all the file extensions

    $fileName = $_FILES['myfile']['name'];
    $fileSize = $_FILES['myfile']['size'];
    $fileTmpName  = $_FILES['myfile']['tmp_name'];
    $fileType = $_FILES['myfile']['type'];
    $fileExtension = strtolower(end(explode('.',$fileName)));

    $uploadPath = $currentDir . $uploadDirectory . basename($fileName); 

    if (isset($_POST['submit'])) {

        if (! in_array($fileExtension,$fileExtensions)) {
            $errors[] = "This file extension is not allowed. Please upload a JPEG or PNG file";
        }

        if ($fileSize > 1000000000) {
            $errors[] = "This file is more than 1GB. Sorry, it has to be less than or equal to 1GB";
        }

        if (empty($errors)) {
            $didUpload = move_uploaded_file($fileTmpName, $uploadPath);

            if ($didUpload) {
                echo   basename($fileName) ;
            } else {
                echo "An error occurred somewhere. Try again or contact the admin";
            }
        } else {
            foreach ($errors as $error) {
                echo $error . "These are the errors" . "\n";
            }
        }
    }


?>
<BR><BR>


<?PHP










?>

<?php $dates= date("Y-m-d")?>
<STYLE>

input:focus {
  box-shadow: none;
  padding:none
  margin: none
  border: none;
}

fieldset {
        border: 2px solid green;
    }

</STYLE>
<?php $file=$_POST['myfile']?>
<html>
<div style="white-space:nowrap;overflow:visible;display:inline-block">

<form  action="sqltransfer.php" method="POST" enctype="multipart/form-data">


<img src="<?php echo $fileName?>"><input style="border:none;border-bottom:2px solid green;position:relative; width:80%;" placeholder="Public title of file" maxlength="100" q="1"name="myfile"><br><br>
<textarea style="border:2px solid green;width:118%;HEIGHT:10%;position:relative;" placeholder="Brief information about it,descriptions and comments" type="text"maxlength="300" min="1"></textarea><br><br>
<input style="border:none;border-bottom:2px solid green;position:relative; width:100%;" placeholder="Tags to help people find your file more easily" maxlength="40" q="1"name="myfile"><br><br>
<!---language--->


<hr>


<form action="sqltransfer.php" method="POST">
<fieldset>
<legend><b>Category:</b></legend>

<select id="category" onchange="say()" name="category">

  <div style="box-shadow:0px 10px 19px 0px rgba(0,0,0,0.2)">
<option value="All types"style="background-color:#62ffff"><text style="background-color:orange;padding-bottom:2%">Other</text>
<option value="Video"style="background-color:#62ffff;"id='video'>Video</option>
<option value="Music"style="background-color:#62ffff"id='music'>Music</option>

<option value="ebook"style="background-color:#62ffff"id='ebook'>ebook</option>
<option value="Animation"style="background-color:#62ffff"id='animation'>Animation</option>
<option value="joke"style="background-color:#62ffff" id='joke'>joke</option>
<option value="software"style="background-color:#62ffff"id='software'>software</option>
<option value="image"style="background-color:#62ffff"id='image'>image</option>
<option value="gif"style="background-color:#62ffff"id='gif'>gif</option>
 <option value="document"style="background-color:#62ffff" id='document'>Document</option>

  <p id="demo"></p>

</select>






</fieldset>

<br><br.


<fieldset>
<legend><b>File settings</b></legend>
Allow comments <input type="checkbox"/>

<form action="sqltransfer.php" method="POST">
<p>Visibility</p>
<input type ="radio" name="visibility" value="Public">Public
<input type ="radio" name="visibility" value="Private">Private
<input type ="radio" name="visibility" value="Scheduled">Scheduled
<input type ="radio" name="visibility" value="Password protected">Password protected
</p>
<input type="submit" id="sub" >

Preferred age target<input>

<!---video--->
<text id="vid6">Captions/subtitles:</text> <input type="checkbox" id="myCheck"  onclick="myFunction()">

<p id="text" style="display:none">Source(caption)<input style="border:none;border-bottom:2px solid green;position:relative; width:100%;" placeholder="Subtitle  source" maxlength="40" name="sub">
<br>Source(subtitles)<input style="border:none;border-bottom:2px solid green;position:relative; width:100%;" placeholder="Caption  source" maxlength="40" name="sub">
</P>


<!---music--->

<span style="display:none" id="mus">Lyrics available<input type="checkbox" id="myCheck1"  onclick="myFunction1()">

Source:<span style="display:none" id="text1"><input style="border:none;border-bottom:2px solid green;position:relative; width:100%;" placeholder="Lyrics  sorce" maxlength="40" name="sub"><br><br>
Type *optional*<!---all types of music!--->
</span>
</span>

</form>
</fieldset>
</div>

</form>
<hr>




<fieldset>
<b>
<legend>
<fieldset>
<legend>General info:</legend>
</legend>
</b><br>


Current date:<?php echo $dates?><br>
File name:<?php echo $fileName?><br>
File size:<?php echo $fileSize?><br>
File type:<?php echo $fileType?><br>
File path:<?php echo     $fileTmpName?><br>
Producer:<?php echo     $fileTmpName?><br>
<!--video,gif and music--->
<text id="vid1" style="display:none">Duration:</text>
<text id="vid2" style="display:none">Loudness:</text>
<!---ebook and documents and jokes--->
<text id="book1" style="display:none">No of characters:</text>
<text id="book2" style="display:none">No of words:</text>
<!---images and gif--->
<text id="pic1" style="display:none">Width:</text>
<text id="pic2" style="display:none">Height:</text>




</fieldset>
</span>

</form>
</form>
</div>
</fieldset>

<button style="background-color:blue;color:white;height:8%"value="Upload now" onclick="sub()"><font size="6%">Upload now</button>&nbsp;&nbsp;&nbsp;&nbsp;<button style="background-color:teal;color:white;height:8%"value="Save for later"><font size="6%">Save for later</button>&nbsp;&nbsp;&nbsp;<button style="background-color:red;color:white;height:8%"value="Discard"><font size="6%">Discard</button></font>
<p id="i" style="display:none"></p>




<script>

function say(){
var c=document.getElementById('category').value
 document.getElementById("i").innerHTML=c;





var v=document.getElementById('video').innerHTML
var m=document.getElementById('music').innerHTML
var eb=document.getElementById('ebook').innerHTML
var a=document.getElementById('animation').innerHTML
var j=document.getElementById('joke').innerHTML
var s=document.getElementById('software').innerHTML
var i=document.getElementById('image').innerHTML
var g=document.getElementById('gif').innerHTML
var d=document.getElementById('document').innerHTML

if (c==v){
    vid();
    function vid(){
document.getElementById("vid1").style.display="block";
document.getElementById("vid2").style.display="block";
document.getElementById("vid4").style.display="block";
document.getElementById("vid5").style.display="block";
document.getElementById("vid6").style.display="block";

document.getElementById("mus").style.display="none";
document.getElementById("book1").style.display="none";
document.getElementById("book2").style.display="none";
document.getElementById("pic1").style.display="none";
document.getElementById("pic2").style.display="none";



    }
}


else if (c==m){

document.getElementById("mus").style.display="block";




}


else if (c==eb){
document.getElementById("book1").style.display="block";
document.getElementById("book2").style.display="block";

document.getElementById("mus").style.display="block";


document.getElementById("vid1").style.display="none";
document.getElementById("vid2").style.display="none";
document.getElementById("vid4").style.display="none";
document.getElementById("vid5").style.display="none";
document.getElementById("vid6").style.display="none";

}


else if (c==a){

document.getElementById("vid1").style.display="block";
document.getElementById("vid2").style.display="block";
document.getElementById("vid4").style.display="block";
document.getElementById("vid5").style.display="block";
}



else if (c==j){
document.getElementById("book1").style.display="block";
document.getElementById("book2").style.display="block";
}


else if (c==s){
alert("5");
}


else if (c==i){
document.getElementById("pic1").style.display="block";
document.getElementById("pic2").style.display="block";

}


else if (c==g){
document.getElementById("vid1").style.display="block";
document.getElementById("vid2").style.display="block";
document.getElementById("pic1").style.display="block";
document.getElementById("pic2").style.display="block";


}


else{
document.getElementById("book1").style.display="block";
document.getElementById("book2").style.display="block";
}
}


function myFunction() {
    var checkBox = document.getElementById("myCheck");
    var text = document.getElementById("text");
    if (checkBox.checked == true){
        text.style.display = "block";
    } else {
       text.style.display = "none";
    }
}


function myFunction1() {
    var checkBox = document.getElementById("myCheck1");
    var text = document.getElementById("text1");
    if (checkBox.checked == true){
        text.style.display = "block";
    } else {
       text.style.display = "none";
    }
}



</script>

</html>





输入：焦点{
盒影：无；
填充：无
保证金：无
边界：无；
}
字段集{
边框：2倍纯绿；
}
“>










类别：
其他
视频
音乐
电子书
动画
笑话
软件
形象
gif
文件




歌词可用
来源：


类型*可选*


一般信息：


当前日期：

文件名：

文件大小：

文件类型：

文件路径：

制片人：

持续时间：
响度：
字符数：
字数：
宽度：
高度：
立即上载保存以备以后丢弃


函数say（）{
var c=document.getElementById（'category'）。值
document.getElementById（“i”）.innerHTML=c；
var v=document.getElementById（'video'）.innerHTML
var m=document.getElementById（'music'）.innerHTML
var eb=document.getElementById（'ebook'）.innerHTML
var a=document.getElementById（'animation'）.innerHTML
var j=document.getElementById（'joke'）.innerHTML
var s=document.getElementById（'software'）.innerHTML
var i=document.getElementById（'image'）.innerHTML
var g=document.getElementById（'gif'）.innerHTML
var d=document.getElementById（'document'）.innerHTML
如果（c==v）{
vid（）；
函数vid（）{
document.getElementById（“vid1”）.style.display=“block”；
document.getElementById（“vid2”）.style.display=“block”；
document.getElementById（“vid4”）.style.display=“block”；
document.getElementById（“vid5”）.style.display=“block”；
document.getElementById（“vid6”）.style.display=“block”；
document.getElementById（“mus”）.style.display=“无”；
document.getElementById（“book1”）.style.display=“无”；
document.getElementById（“book2”）.style.display=“无”；
document.getElementById（“pic1”）.style.display=“无”；
document.getElementById（“pic2”）.style.display=“无”；
}
}
else如果（c==m）{
document.getElementById（“mus”）.style.display=“block”；
}
else如果（c==eb）{
document.getElementById（“book1”）.style.display=“block”；
document.getElementById（“book2”）.style.display=“block”；
document.getElementById（“mus”）.style.display=“block”；
document.getElementById（“vid1”）.style.display=“无”；
document.getElementById（“vid2”）.style.display=“无”；
document.getElementById（“vid4”）.style.display=“无”；
document.getElementById（“vid5”）.style.display=“无”；
document.getElementById（“vid6”）.style.display=“无”；
}
else如果（c==a）{
document.getElementById（“vid1”）.style.display=“block”；
document.getElementById（“vid2”）.style.display=“block”；
document.getElementById（“vid4”）.style.display=“block”；
document.getElementById（“vid5”）.style.display=“block”；
}
else如果（c==j）{
document.getElementById（“book1”）.style.display=“block”；
document.getElementById（“book2”）.style.display=“block”；
}
else如果（c==s）{
警报（“5”）；
}
else如果（c==i）{
document.getElementById（“pic1”）.style.display=“block”；
document.getElementById（“pic2”）.style.display=“block”；
}
else如果（c==g）{
document.getElementById（“vid1”）.style.display=“block”；
document.getElementById（“vid2”）.style.display=“block”；
document.getElementById（“pic1”）.style.display=“block”；
document.getElementById（“pic2”）.style.display=“block”；
}
否则{
document.getElementById（“book1”）.style.display=“block”；
document.getElementById（“book2”）.style.display=“block”；
}
}
函数myFunction（）{
var checkBox=document.getElementById（“myCheck”）；
var text=document.getElementById（“text”）；
如果（checkBox.checked==true）{
text.style.display=“块”；
}否则{
text.style.display=“无”；
}
}
函数myFunction1（）{
var checkBox=document.getElementById（“myCheck1”）；
var text=document.getElementById（“text1”）；
如果（checkBox.checked==true）{
text.style.display=“块”；
}否则{
text.style.display=“无”；
}
}
我想您只需要在更新之前清除该框

function myFunction() {
    var checkBox = document.getElementById("myCheck1");

    //clear text
    document.getElementById("text1").value=""

    var text = document.getElementById("text1");
    if (checkBox.checked == true){
        text.style.display = "block";
    } else {
       text.style.display = "none";
    }
}
编辑 尝试更改为“无”和“隐藏”

document.getElementById("mus").style.display="none";
document.getElementById("mus").style.visibility = "hidden";
然后用可见和块显示它们

document.getElementById("mus").style.visibility="visible";
document.getElementById("mus").style.display="block";

say（）
函数中的逻辑是什么？有时显示一些块并隐藏一些其他块，有时只显示其中两个，而将其他块保留在以前的状态

我制作了一支钢笔，除了我设置为阻止的以外，我还隐藏了其他所有东西：

这就是你想要的吗？

不，不是那部分，我说的是包含视频、动画、音乐等选项的选择框，尝试将它们更改为隐藏更新我的答案