在 XML 中使用 HTML 输入值

Using HTML Input values in XML

本文关键字：HTML 输入 XML      更新时间：2023-09-26

好的，所以我几乎是Javascript的菜鸟，完全不知道XML，所以很抱歉，如果这是一个愚蠢的问题。

我有一个Javascript文件（由打印机公司Dymo创建），可以从浏览器打印到标签打印机。我可以手动更改打印的信息。但是，我希望它能够打印由用户填写的HTML表单输入字段提供的任何信息。

问题是打印的数据来自Javascript中的XML。

我想知道的是，如何将用户键入的数据放入表单中，并将其放入 XML 中，以便我可以打印该数据。我意识到这是一个半宽泛的问题，而且可能很困难。

形式：

<form name="myform" onsubmit="return false">
    QR Data Insertion: <input type="text" name="mytextfield" onchange="checkForm()" autofocus>
</form>

Javascript（几乎没有必要）：

<script type="text/javascript" language="JavaScript">
function checkForm() { 
    var field1 = document.forms['myform'].elements['mytextfield'].value; 
    alert(field1);
}    
</script>

不确定它会完全有帮助，但下面是 XML 的一个片段：

<StyledText>'
    <Element>'
        <String>HERE IS WHERE I WANT THE FORM DATA TO GO</String>'
        <Attributes>'
            <Font Family="Arial" Size="12" Bold="False" Italic="False" Underline="False" Strikeout="False" />'
            <ForeColor Alpha="255" Red="0" Green="0" Blue="0" />'
        </Attributes>'
    </Element>'
</StyledText>'

你可以在javascript函数中使用DOM操作，如下所示：

// Load the XML document
var xmlDoc = loadXMLDoc('yourXML.xml');
// Find the first String element
var x = xmlDoc.getElementsByTagName('String')[0];
// Change the content of that element
x.textContent = field1;

要加载文档，您可以使用此方法 http://www.w3schools.com/dom/dom_loadxmldoc.asp，但我不确定是否所有浏览器都支持这一点。

希望这有帮助！

相关文章：