Question

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

这是我的纯文字：

界面：测试， IP：192.168.1.1，面膜：测试，网关：测试， DNS 1：测试， DNS 2：测试，广播：测试

这是我的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，这可能有助于您了解如何从表单动态创建纯文本。我们的想法是让所有表单组遍历它们然后创建文件行。然后将所有行连接在一起。

UPDATE：

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

是否可以用Javascript中的纯文本写？

1 个答案:

UPDATE：