Javascript 通过选择<;选项>;内部a<;选择>;

Javascript 通过选择<;选项>;内部a<;选择>;,javascript,php,jquery,html,javascript-events,Javascript,Php,Jquery,Html,Javascript Events,这是我几天前写的代码。我对这个php场景还比较陌生,不太确定如何才能让它工作。我希望用户可以选择他/她的文件显示在文本区域内。为此,我创建了一个文件夹,他/她显然可以像前面所说的那样选择文件。有没有很酷的帮手,可以给我一个提示,甚至是整个anwser+代码? 谢谢你,F9lke <div class="bg-3 row"> <div class="col-sm-4"></div> &l

这是我几天前写的代码。我对这个php场景还比较陌生,不太确定如何才能让它工作。我希望用户可以选择他/她的文件显示在文本区域内。为此,我创建了一个文件夹,他/她显然可以像前面所说的那样选择文件。有没有很酷的帮手,可以给我一个提示,甚至是整个anwser+代码? 谢谢你,F9lke

<div class="bg-3 row">
                  <div class="col-sm-4"></div>
                    <div class="build_output">
                    <div class="col-sm-4">

                      <form action="viewer.php" method="post">
                        <div class="bg-3-content">
                          <div class="bg-3-hline">
                            <h2>Inhalt von <?php echo $selected; ?></h2>
                          </div>
                          <div class="bg-3-text">
                            <p>Hier sehen sie den Inhalt der Datei <?php echo $selected; ?> aus dem Ordner <?php echo $ordner; ?>. <br> Sie können diesen Text bearbeiten und mit einem Klick auf "Speichern" die Ursprungsdatei mit dem neuen Text überschreiben.</p>
                          </div>
                        </div>


                        <select name="dateien">
                          <?php
                          $ordner = "files";
                          $alledateien = scandir($ordner);
                          foreach ($alledateien as $datei) {
                            $dateiinfo = pathinfo($ordner."/".$datei);
                              $size = ceil(filesize($ordner."/".$datei)/1024);
                               if ($datei != "." && $datei != ".."  && $datei != "_notes") {
                               $bildtypen = array("jpg", "jpeg", "gif", "png");
                               if(in_array($dateiinfo['extension'], $bildtypen))
                               { ?>
                              <?php
                               }else{
                                  ?>
                                <option><?php echo $dateiinfo['filename']; ?> (<?php echo $dateiinfo['extension']; ?> | <?php echo $size ; ?>kb)</option>
                                <?php } ?>
                                <?php
                                 };
                             };
                             ?>
                           </select>

                        <?php
                          $selected = $_POST['dateien'];
                        ?>

                        <textarea class="form-control" type="text" name="output" cols="60" rows="20">
                            <?php

                              $output = file_get_contents($dateiinfo['dirname']."/".$selected);

                              echo $output;

                              $latestContent = $_POST['output'];

                            ?>
                        </textarea>

                        <br>

                      <input class="output-save" type="submit" value="Speichern" />
                      <a href="#" class="output-abort">Abbrechen</a>

                      </form>
                      </div>
                    </div>
                   <div class="col-sm-4"></div>
              </div> <!--bg-3--->

因哈特·冯
我想你应该在家里吃饭<你可以把文本放在这里,并把它放在最新的文本中

(| kb)

通过使用jQuery,您可以对HTML进行各种操作

jQuery HTML

选择一
选择二
这将改变
我知道这是一个非常简单的例子,但它将说明一个解决问题的好方法。

$(document).on(“更改”,“文件”,函数()){
file=$(this.prop('files')[0];
$(“#inpFileName”).val(file.name);
});

浏览&hellip;

如果我理解正确,那么当用户选择一个选项时,您需要更改文本区域,因此您需要JavaScript来实现这一点。您应该将此问题标记为JavaScript,以便观看JavaScript标记的人可以提供帮助。感谢您的介绍,但您的问题缺少实际问题。请更详细地描述这段代码应该做什么,它目前做什么(包括任何错误消息),你遇到什么困难,以及你自己试图解决它。谢谢你的回答,但实际上没有错误消息。代码应该在节中显示文件夹文件中的所有文件。然后用户可以选择一个,该文件中的文本将显示在文本区域中。现在的问题是,当用户选择一个文件时,textarea不会更新we…谢谢,但是我看不出有任何方法可以用jQuery调出该文件(,用户使用的)。你有什么想法吗?
// If your select dropdown changes
$(document).on('change', '.selector', function () {
    // Get the selected option
    var option = $(this).val();
    // If the option is optionone
    if (option == 'optionone') {
        // Change a textarea value
        $('.textarea-selector').html('something');
    }
});
<select class="selector">
    <option value="optionone">Option one</option>
    <option value="optiontwo">Option two</option>
</select>

<textarea class="textarea-selector">this will change</textarea>