选择要在表单中提交的字段

Question

我在我的 python cgi 代码中使用了一个隐藏的表单来将信息传递到另一个 cgi 文件（我们就叫它printer.cgi）来打印表单中的信息。由于本教程，我还制作了指向同一个打印机文件的可点击文本链接：

http://www.thesitewizard.com/archive/textsubmit.shtml

隐藏表单包含一个庞大的嵌套字典，该字典已使用 JSON 编码为文本。然后打印机文件将该字符串转换回字典对象。根据单击的链接，打印机文件决定要打印字典中的哪些信息。但是，对整个字典进行解码和编码效率低下，并且确实减慢了我的程序。相反，我想通过隐藏表单提交较小的字典对象来打印而不是整个字典。这是我目前正在做的一个例子：

JavaScript 代码：

function getDetails(selectedField) 
        {
            document.Results.resultsToPrint.value = selectedField;
            document.Results.submit();
        }

Python 方法：

def transferTestResults(testResults, PRINTER_FILE_DIRECTORY):
        form = "<form name = 'Results' method = 'post' action = '%s'> \n" % (PRINTER_FILE_DIRECTORY)
        dataString = str(json.dumps(testResults)) #converting massive dictionary into string
        dataString = dataString.replace("\"", "&quot;")
        form += "<input type = 'hidden' name = 'testResults' value = \"%s\">" % (dataString) 
        form += "<input type = 'hidden' name = 'resultsToPrint' > \n"#value is determined by javascript:getDetails()
        form += "</form> \n"
        return form

testResults 这里是一本大字典。相反，我宁愿为每个嵌套字典制作一个表单，例如：

def transferTestResults(testResults, DETAIL_GENERATOR_DIRECTORY):
    form = "<form name = 'Results' method = 'post' action = '%s'> \n" % (DETAIL_GENERATOR_DIRECTORY)
    dataString1 = str(json.dumps(testResults['testPasses']))
    dataString1 = dataString.replace("\"", "&quot;")
    dataString2 = str(json.dumps(testResults['testFailures']))
    dataString2 = dataString.replace("\"", "&quot;")
    dataString3 = str(json.dumps(testResults['commandPasses']))
    dataString3 = dataString.replace("\"", "&quot;")
    dataString4 = str(json.dumps(testResults['commandFailures']))
    dataString4 = dataString.replace("\"", "&quot;")
    form += "<input type = 'hidden' name = 'testResults1' value = \"%s\">" % (dataString1)
    form += "<input type = 'hidden' name = 'testResults2' value = \"%s\">" % (dataString2)
    form += "<input type = 'hidden' name = 'testResults3' value = \"%s\">" % (dataString3)
    form += "<input type = 'hidden' name = 'testResults4' value = \"%s\">" % (dataString4) 

    form += "<input type = 'hidden' name = 'resultsToPrint' > \n"#value is determined by javascript:getDetails()
    form += "</form> \n"
    return form

然后我根据点击的链接提交特定字段。例如，如果我单击链接 1，那么它只会发送带有 dataString1 的字段。基本上问题归结为，我可以根据用户操作只提交表单中的某些字段而不是整个表单吗

Answer 1

以下只是一个简单的示例，说明您可以如何进行此操作。您可以默认禁用所有输入，然后在提交表单之前启用您想要的输入。

我刚刚使用它的 submit 方法提交了表单，您可能想要使用 AJAX 或其他方式。此外，您可能希望动态附加侦听器，或使用事件委托（这是我的首选设计）。

<script>

function doSend(el) {
  var form = document.forms['form0'];
  var controlName = el.getAttribute('data-sendName');
  form[controlName].disabled = false;
  form.submit();
}

</script>

<form id="form0">
  <input name="foo" value="foo" disabled>
  <input name="bar" value="bar" disabled>
</form>

<p onclick="doSend(this)" data-sendName="foo">Send foo</p>
<p onclick="doSend(this)" data-sendName="bar">Send bar</p>

Answer 2

当然可以，在点击事件中 - 只需使用 ajax 发布您的数据：

$('#input1').on('click', function(){
    var value1 = $('#input1').val();
    $.post("test.php", {name: value1, time: "2pm"});
})