Question

我正在尝试重新使用输入表。我的想法是使用jquery保存输入表的最终状态，然后将其添加到输出页面。但是，我的代码只保存默认输入，这意味着不会保存用户所做的任何更改。那么关于这个问题的任何建议？例如，如何让下拉输入元素使用jquery保存用户选择（我有大约100个输入元素，所以如果代码非常通用将会很好）。谢谢！

HTML code：

<table class="tab">
    <tr>
        <th colspan="3" scope="col">
            <label for="id_nott">No. of Time-Varing Factors:</label>
        </th>
        <td colspan="1" scope="col">
            <select name="nott" id="id_nott">
                <option value="1">1</option>
                <option value="2">2</option>
            </select>
        </td>
    </tr>
</table>
<input class="submit input_button" type="button" value="Click" />

jQuery的：

$("input[value='Click']").click(function () {
    var html_input = $(".tab").clone().html();
    console.log(html_input)
})

JSFiddle

Answer 1

DEMO

http://api.jquery.com/serialize/ - 获取和传递输入状态的简单方法，但您必须在form标记中包装html。

$("input[value='Click']").click(function (){
    $("form").on( "submit", function (event){
      event.preventDefault();
      console.log($(this).serialize());
    });    
});

输出：

nott=2

建议：

尝试使用id和name属性的常规命名。

带有最新用户输入的jQuery clone输入表

1 个答案: