getElementById無法獲取html標識的值

如果我選擇了選項值3，則顯示3個文本框。getElementById無法獲取html標識的值

1，本圖是我想要的結果。

但現在錯誤的結果是這樣的。

（使用style_display_on（），可見/隱藏，無）但忽略了最低的工作。我錯過了什麼嗎？

（PHP數組轉換爲JavaScript數組，從PHP
然後計數陣列正被從JavaScript的getElementById值....）

<?php 

    $arr[0] = "10.1.35.31"; 
    $arr[1] = "10.1.35.122"; 
    $arr[2] = "10.1.35.133"; 

?> 

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="../css/main.css"> 
<script type="text/javascript"> 

function getR() { 
    document.getElementById("ipcnt").value = "<?php echo count($arr); ?>"; 
<?php 
    for($i = 0; $i < count($arr); $i++) { 
     echo "document.getElementById(\"" . "mmeremoteip" . $i . "\").value = \"" . $arr[$i]. "\";\n"; 
    } 
?> 
} 

function mmeswitch(){ 

<?php 
    for($i = 0; $i < 8; $i++){ 
     echo "document.getElementById(\"mmeremoteip". $i . "\").style.visibility = \"hidden\";\n"; 
     echo "document.getElementById(\"mmeremoteip". $i . "\").style.display = \"none\";\n"; 
    } 
    for($i = 0; $i < 8; $i++){ 
     echo "if(document.getElementById(\"ipcnt\").value == " . ($i+1) . ") { \n";    
     for($j = 0; $j < $i+1; $j++) { 
      echo "document.getElementById(\"mmeremoteip". $j . "\").style.visibility = \"visible\";\n"; 
      echo "document.getElementById(\"mmeremoteip". $j . "\").style.display = style_display_on();\n"; 
     } 
     echo "}\n"; 
    } 
?> 

</script> 
</head> 
<body onLoad="getR();"> 
<form name="save" method="post"> 
<h1>TEST</h1> 
<table> 

<tr id="ipcnt"><td colspan="2">No. of IP</td> 
<td><select name="ipcnt" size="1" onChange="mmeswitch();"> 
<?php 
for($i = 1; $i <= 8; $i++) { 
     echo "<option value='". $i ."'>". $i ."</option>\n"; 
} 
?> 
</select></td> 
</tr> 
<?php 
for($i = 0; $i < 8; $i++) { 
    echo "<tr id=\"mmeremoteip".$i."\"><td class=\"param\" colspan=\"2\">MME Remote IP" . ($i+1) . "</td>\n"; 
    echo "<td><input type=\"text\" name=\"mmeremoteip" . $i . "\" class=\"inputParam\" size=\"20\" maxlength=\"15\" value=\"".$arr[$i] ."\"></td></tr>\n"; 
} 
?> 
</table> 
</body> 
</html>

來源

2017-03-14 kara

你能提供的渲染過的版本 - 即沒有全部PHP混淆？看起來你可能有額外的空間，但無法分辨。 –

你已經在js函數 –

裏注入了php代碼對不起！我輸入PHP數組代碼..！ – kara

在該小提琴我張貼的一個工作示例的代碼在香草js。這樣做的JS代碼是：

document.body.onload = init; 
let arr = [1,2,3,4,5]; // Array is from php like 
/* 
let arr = JSON.parse('<?php echo json_encode($arr); ?>'); // In case you don't know what is does read more about json 
*/ 
// function called when page is loaded 
function init() { 
// this creates textfields for each 'ip' 
for(let i=0;i<arr.length;i++){ 
    let el = document.createElement('input'); // create textfield 
    el.setAttribute('type','text'); // set it to text field 
    el.className = 'textField'; // set class for later use 
    el.id = 'textField'+i; // set id 
    el.value = arr[i]; // set value(IP) 
    document.getElementById('container').appendChild(el); // add to the page 
} 
document.getElementById('textFieldSelect').addEventListener('change',onSelectChange); // add action to select 
onSelectChange(); // "trigger" select when page is loaded 
} 

function onSelectChange(){ 
    var val = document.getElementById('textFieldSelect').value; // how many textfields shall there be 
    // hide all textfields 
    document.querySelectorAll('.textField').forEach(function(elem,idx){ 
    elem.style = 'display: none'; 
    }); 
    //show exactly 'val' textfields 
    for(let i = 0;i<val;i++){ 
    document.getElementById('textField'+i).style='display:block;'; 
    } 
}

https://jsfiddle.net/tnrrhx0d/1/

來源

2017-03-14 10:39:47 Berrigan

getElementById無法獲取html標識的值

回答

相關問題