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

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

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

我刚刚使用其提交方法提交了表单，您可能需要使用 AJAX 或其他方法。另外，您可能希望动态附加监听器，或使用事件委托(delegate)(这将是我的首选设计)。

<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>