在Phonegap上使用條形碼掃描儀插件在HTML文檔上填充字段/標簽

Question

希望有人可以在以下方面為我提供幫助。 。 。 如果您看下面的代碼，您可以看到我的html提交表單的一部分，我在phonegap版本上使用條形碼掃描器插件來嘗試填充其中一個字段。 掃描儀工作正常，但我似乎無法使其顯示在與其他提交行相似的字段中……我希望它顯示在一個字段中，因此我可以選擇手動輸入序列號或使用掃描儀。 。 。 我也想將這些數據拉到數據庫中。 我的Javascript很好，因為掃描儀可以正常工作，只是沒有以我想要的方式出現。 Id =“ info”給出掃描儀的結果。

  <div class="form-group"> <label for="addressline1">Address Line 1:</label> <input type="text" class="form-control" placeholder="Please enter address of installation" required="required" name="addressline1"> </div> <div class="form-group"> <label for="addressline2">Address Line 2:</label> <input type="text" class="form-control" placeholder="Please enter address of installation" name="addressline2"> </div> <div class="form-group"> <label for="addressline3">Address Line 3:</label> <input type="text" class="form-control" placeholder="Please enter address of installation" name="addressline3"> </div> <br> <div class="form-group"> <a href="#" class="btn btn-primary btn-lg btn-block" id="scan">Scan Serial Number</a> </div> <div class="form-group"> <br> <h4><strong>Serial Number:</strong></h4><p id="info" type="number" class="form-control" placeholder="Please use barcode scanner above" required="required" name="info"></p> </div> 

 var app = { initialize: function() { this.bindEvents(); }, bindEvents: function() { document.addEventListener('deviceready', this.onDeviceReady, false); document.getElementById('scan').addEventListener('click', this.scan, false); document.getElementById('encode').addEventListener('click', this.encode, false); }, onDeviceReady: function() { app.receivedEvent('deviceready'); }, receivedEvent: function(id) { var parentElement = document.getElementById(id); var listeningElement = parentElement.querySelector('.listening'); var receivedElement = parentElement.querySelector('.received'); listeningElement.setAttribute('style', 'display:none;'); receivedElement.setAttribute('style', 'display:block;'); console.log('Received Event: ' + id); }, scan: function() { console.log('scanning'); var scanner = cordova.plugins.barcodeScanner; scanner.scan( function (result) { console.log("Scanner result: \\n" + "text: " + result.text + "\\n" + "format: " + result.format + "\\n" + "cancelled: " + result.cancelled + "\\n"); document.getElementById("info").innerHTML = result.text; console.log(result); }, function (error) { console.log("Scanning failed: ", error); } ); }, encode: function() { var scanner = cordova.require("cordova/plugin/BarcodeScanner"); scanner.encode(scanner.Encode.TEXT_TYPE, "http://www.nhl.com", function(success) { alert("encode success: " + success); }, function(fail) { alert("encoding failed: " + fail); } ); } }; 

Answer 1

我不久前就發現了這一點，卻忘記發布答案，這是一個非常簡單的解決方案。 代替使用以下內容。 。 。 這正是我所需要的。 希望有一天能對別人有所幫助。