Question

使用AJAX我使用下面的jQuery代码在DIV specsdiv中显示一个数字。但是我试图在文本框中显示数字，所以我可以提交数字。我不能通过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);
    }

}

Answer 1

我在这里看不到任何jQuery，因此我认为存在一个根本性的误解，所以我将提供纯粹的javascript。

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

And here is a jsFiddle simulation - 请注意我已经遗漏了ajax请求。

Answer 2

您可以使用其name属性找到input元素，然后更新其值：

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

Answer 3

为您的文本框指定一个类名，并使用以下代码对其进行计数

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

如何更改代码以显示文本框中的数字而不是div？

3 个答案: