Question

我正在使用jsPlumb和form2js。形状内部有输入字段，我的问题是我无法从这些输入字段中获取数据。

此流程图编辑器基于here

这是div的html，输入是我无法获得的。

<div class="window task" style="left: 120px; top:200px; display:none;" data-nodetype="task" id="taskcontainer0">
        <div class="ctrl_container">
            <div class="button_remove">x</div>
        </div>
        <div class="details_container">
            <label class="detail_label">Name</label>
            <input type = "text" class="detail_text" name = "diagram.task.Title[]"/><br/>
            <label class = "detail_label">Description</label>
            <input type = "text" class ="detail_text" name = "diagram.task.Msg[]">
        </div>
    </div>

我需要将输入字段中的数据转换为JSON。

我是新手。谢谢

Answer 1

查看这篇文章：使用jQuery将表单序列化为JSON

它有一个似乎运作良好的jsfiddle：http：//jsfiddle.net/sxGtM/3/

Answer 2

怎么样：

<div class="window task" style="left: 120px; top:200px; display:block;" data-nodetype="task" id="taskcontainer0">
    <div class="ctrl_container">
        <div class="button_remove">x</div>
    </div>
    <div class="details_container">
        <form id="myForm">
        <label class="detail_label">Name</label>
        <input id="title" type="text" class="detail_text" name = "diagram.task.Title[]" value="yes"/><br/>
        <label class = "detail_label">Description</label>
        <input id="msg" type="text" class ="detail_text" name = "diagram.task.Msg[]" value="no">
            </form>
    </div>
</div>
<pre class="result"></pre>
<pre id="json"></pre>

和JS部分

var title = $('#title').val();
var msg = $('#msg').val();
$('.result').text(title+"\n"+msg);

var form = $('#myForm').serializeArray();
var json = JSON.stringify(form);
$('#json').text(json);

Working demo here - jsfiddle

无法从另一个DIV获取输入数据

2 个答案: