HTML單選按鈕崩潰JavaScript表單功能

我正在處理提交給要轉換爲文本文件的服務器的表單視圖。視力需要將數據發佈到服務器端的php。還需要在URL中添加「？PART_NO = 部分 & frm = MF001」以命名每個文本文件。

如果表單包含多個單選按鈕，它會使JavaScript崩潰。這可能是因爲我試圖訪問表單元素的方式。我只需要訪問名稱爲「Part_No」的文本字段。HTML單選按鈕崩潰JavaScript表單功能

<!DOCTYPE html> 
<html> 
<body> 

<form id="test" method="post" action="http://10.0.0.252/test.php" onsubmit="process()"> 
<input type="checkbox" tabindex="40" id="form67_1" data-objref="458 0 R" name="box_brown" imageName="1/form/416 0 R" images="110100"/> 
<input type="radio" tabindex="32" id="form68_1" data-objref="495 0 R" name="rc-50" value="yes" imageName="1/form/497 0 R" images="110100" checked="checked"/> 
<input type="radio" tabindex="31" id="form69_1" data-objref="494 0 R" name="a2262at" value="no" imageName="1/form/494 0 R" images="110100"/> 
<input type="radio" tabindex="17" id="form70_1" data-objref="509 0 R" name="process" value="no" imageName="1/form/509 0 R" images="110100"/> 
<input type="radio" tabindex="11" id="form71_1" data-objref="503 0 R" name="master_glass" value="no" imageName="1/form/503 0 R" images="110100"/> 
    <input type="text" tabindex="4" id="form129_1" value="2" data-objref="62 0 R" title="Part No." name="Part_No"/> 
    <input type="submit" value="Submit"> 
</form> 

<script> 
function process() { 
    var form = document.getElementById('test'); 
    var elements = form.elements["Part_No"]; 
    var values = []; 
    values.push(encodeURIComponent(elements.name) + '=' + encodeURIComponent(elements.value) + "&frnm=MF001"); 

    form.action += '?' + values; 
} 
</script> 

</body> 
</html>

這裏的服務器端腳本，如果有人有興趣。

<?php 
$name = $_GET['Part_No']; 
$nom = $_GET['frnm']; 
ob_start(); 
$file = $GLOBALS['HTTP_RAW_POST_DATA']; 
$time = microtime(true); 
$newfile = "./customers/" . $nom . "." . $name . "." . $time . ".txt"; 
$worked = file_put_contents($newfile, $file); 
ob_end_clean(); 
exit(); 

?>

來源

2016-08-04 Matthew Hait

沒有ID爲「」Part_No「的_text字段_ ... –

」「對不起，我的意思是姓名 –

變化具有過程或改變的函數名的單選按鈕的名稱提交，我建議改變函數名稱如下

<!DOCTYPE html> 
<html> 
<body> 

<form id="test" method="post" action="http://10.0.0.252/test.php" onsubmit="processForm()"> 
<input type="checkbox" tabindex="40" id="form67_1" data-objref="458 0 R" name="box_brown" imageName="1/form/416 0 R" images="110100"/> 
<input type="radio" tabindex="32" id="form68_1" data-objref="495 0 R" name="rc-50" value="yes" imageName="1/form/497 0 R" images="110100" checked="checked"/> 
<input type="radio" tabindex="31" id="form69_1" data-objref="494 0 R" name="a2262at" value="no" imageName="1/form/494 0 R" images="110100"/> 
<input type="radio" tabindex="17" id="form70_1" data-objref="509 0 R" name="process" value="no" imageName="1/form/509 0 R" images="110100"/> 
<input type="radio" tabindex="11" id="form71_1" data-objref="503 0 R" name="master_glass" value="no" imageName="1/form/503 0 R" images="110100"/> 
    <input type="text" tabindex="4" id="form129_1" value="2" data-objref="62 0 R" title="Part No." name="Part_No"/> 
    <input type="submit" value="Submit" /> 
</form> 
<script type="text/javascript"> 
function processForm() { 
    alert("test"); 
    var form = document.getElementById('test'); 
    var elements = form.elements["Part_No"]; 
    var values = []; 
    values.push(encodeURIComponent(elements.name) + '=' + encodeURIComponent(elements.value) + "&frnm=MF001"); 

    form.action += '?' + values; 
} 
</script> 


</body> 
</html>

來源

2016-08-04 14:50:54 CNKR

我完全忽略了這一點，謝謝 –

如果您對答案感到滿意..接受答案 – CNKR

這就像你嘗試添加的所有表單值到您的動作url以提交爲GET ...那麼爲什麼你指定一個POST方法（在表單聲明）？

根本沒有腳本... GET方法將允許您在PHP中檢索所有GET變量。如果你想這樣做的POST（所以沒有價值將顯示在用戶的地址欄），然後用$_POST['your field name']檢索它們。

來源

2016-08-04 15:10:16

我剛纔嘗試過，但似乎沒有得到數據，剛剛嘗試過，並且工作。：/謝謝。 –

HTML單選按鈕崩潰JavaScript表單功能

回答

相關問題