如何更改代碼以將數字顯示爲文本框而不是div？

使用AJAX我顯示使用下面的jQuery代碼此DIV specsdiv內的數。但是我試圖在文本框中顯示數字，所以我可以提交數字。我無法通過DIV提交，所以如何更改我的代碼以在文本框中顯示它？如何更改代碼以將數字顯示爲文本框而不是div？

謝謝

<div id="specsdiv"> 
    <input name="specs" type="text" value="45"/> 
</div>

這是jQuery代碼

function getSpecs(engineId) { 
    var strURL = "findSpecs.php?engine=" + engineId; 
    var req = getXMLHTTP(); 

    if (req) { 

     req.onreadystatechange = function() { 
      if (req.readyState == 4) { 
       // only if "OK" 
       if (req.status == 200) { 
        document.getElementById('specsdiv').innerHTML = req.responseText; 
       } else { 
        alert("There was a problem while using XMLHTTP:\n" + req.statusText); 
       } 
      } 
     } 
     req.open("GET", strURL, true); 
     req.send(null); 
    } 

}

來源

2014-02-17 EnexoOnoma

令人驚訝的是，我沒有看到任何jQuery代碼。 –

給你輸入自己的ID和使用，代替DIV ID – ElefantPhace

@ElefantPhace爲什麼它需要一個ID？ '變量$輸入= document.querySelectorAll（「＃specsdiv輸入」）;' – Ohgodwhy

給一個類名的文本框，並使用下面的代碼

HTML

<div> 
<input type="text" id="id_1" class="class_name" /> 
<input type="text" id="id_2" class="class_name" /> 
<input type="text" id="id_3" class="class_name" /> 
<input type="text" id="id_4" class="class_name" /> 
<input type="text" id="id_5" class="class_name" /> 
</div>

算什麼

在javascript中包括jQuery和使用

$(document).ready(function(){ 

    var total=$(".class_name").size(); 
    alert(total) 

});

這將提醒5

來源

2014-02-17 01:09:52 ramesh

謝謝你，但你能更具體？我是新來的，並試圖編輯現有的代碼 – EnexoOnoma

看到我編輯的答案 – ramesh

我看不出有任何的jQuery在這裏使用，因此，我相信，有一個根本性的誤解，所以我要供應純粹的JavaScript。

$input = document.querySelectorAll('#specsdiv input'); 
$input[0].value = req.responseText;

And here is a jsFiddle simulation - 請注意，我已經ommited ajax請求。

來源

2014-02-17 01:12:28 Ohgodwhy

您可以使用其名稱屬性找到輸入元素，然後更新它的值：

document.getElementsByName('specs')[0].value = req.responseText;

來源

2014-02-17 01:15:37

如何更改代碼以將數字顯示爲文本框而不是div？

回答

相關問題