javascript - 是否可以用 Javascript 编写纯文本？

Question

使用 Javascript 我有一个纯文本，其中的数据显示在我的表单标签中，一切正常并且工作正常但现在我需要更改我的表单标签代码中的值现在它必须生效我的纯文本也是如此。

这是我的纯文本:

Interface: test, IP: 192.168.1.1, Mask : test, Gateway : test, DNS 1: test, DNS 2: test, Broadcast: test

这是我的 div:

<div class="col-md-12">
            <div class="form-panel">
            <h4><i class="fa fa-angle-right"></i> Formulario </h4>
            <hr />
            <form method="post">
                <div class="form-group">
                    <label class="col-sm-3 col-sm-3 control-label">Interfaces:</label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control" 
                    </div>      
                </div>  
                 <div class="form-group ">
                    <label class="col-sm-3 col-sm-3 control-label">IP: </label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control"
                    </div>
                </div>
                 <div class="form-group">
                    <label class="col-sm-3 col-sm-3 control-label">Mask : </label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control" 
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 col-sm-3 control-label"> Gateway : </label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control" 
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 col-sm-3 control-label">DNS 1 : </label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control" 
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 col-sm-3 control-label">DNS 2 : </label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control" 
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 col-sm-3 control-label">Broadcast : </label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control" 
                    </div>

                </div>
                <div id="hiddenFileLoad" style="display:none;";> 
                </div>
                <br><br>
                <div class="form-group">
                    <button type="submit" name="Save" class="btn btn-success btn-sm" " title="Save"><i class="fa fa-save"></i> Save</button>
                </div>
            </form>
        </div>

这是我的 jquery 工作代码:

$(document).ready(function(){

    $("#hiddenFileLoad").load("myfile.txt", function(){



        var loadedText = $("#hiddenFileLoad").text();
        console.log("loadedText:\n\n"+loadedText);


        var loadedTextSplitted = loadedText.split(",");


        for (i=0;i<loadedTextSplitted.length;i++){
            temp = loadedTextSplitted[i].split(": ");
            loadedTextSplitted[i] = temp[1];
        }


        $(".form-panel").find("input").each(function(index){
            $(this).val( loadedTextSplitted[index] );
        });
    }); 
});

重点是一旦我点击“保存”按钮，它也必须在代码和纯文本中生效..

到目前为止，这是我的代码输出:

Answer 1

如果我答对了你的问题，那么你的明文是这样组成的:

[ValueName]: [Value],
[ValueName]: [Value],
[ValueName]: [Value]

我创造了小js fiddle ，这可能会帮助您了解如何从表单动态创建明文。这个想法是让所有表单组遍历它们，然后创建文件行。然后将所有行连接在一起。

更新:

哦，我明白了。正如@LouysPatriceBessette 在评论中指出的那样，您必须将文件保存在服务器上。您可以在客户端创建文件内容(如果它不是一个大文件)，但您必须将其发布到服务器并在那里进行处理。但这是另一个问题。