Question

我在一个页面中有多个表单每个表单都在不同的<div>，我想在html输入中插入一些值，显示在特定的<div>中，请告诉我我做错了什么？

function onLoadPopulateInputs(){
    var digits = getDateTimeOnLoad();
    console.log("DT "+digits)
    $('.input').value = digits #I think here is someting wrong!!!
    }

google.setOnLoadCallback(onLoadPopulateInputs);

我的输入看起来像这样：

<input size="16" type="text" readonly>

Answer 1

$('#yourDiv > input').val(digits)

你的选择器被塞了

Answer 2

function onLoadPopulateInputs(){
    var digits = getDateTimeOnLoad();
    console.log("DT "+digits);
    var $yourDiv = $('#yourDiv');
    $yourDiv.find('input').val(digits);
}

google.setOnLoadCallback(onLoadPopulateInputs);

Answer 3

我会为包含'forms'的div添加一个类：

<div class="formDiv">
    <input />
    ....
</div>


<div class="formDiv">
    <input />
    ....
</div>

<强> JS

$('.formDiv').each(function(){
    var $form = $(this);
    $form.find('input').each(function(){
        $(this).val(someValue);
    });
});

用法示例http://jsfiddle.net/techunter/EzWpu/

为什么这样而不仅仅是$('input')或$('#myDiv input')之类的其他人提出的建议？

好吧因为在这里你可以管理上下文并控制一切。你还说你在多个div中有多个表单：“multiple”==使它成为通用的并使用 class 而不是 id 。如果您需要编辑特定值，可以考虑使用ID或$('#myDiv input[name="myInputName"])或等效的

进行更快的选择

Answer 4

您需要使用.val

$('.input').val(digits);

Answer 5

给你的特定div一个id并调用一个id选择器..

function onLoadPopulateInputs(){
  var digits = getDateTimeOnLoad();
  console.log("DT "+digits)
   $('#divID input').val(digits);
}

设置输入值的jquery方法是.val()而不是.value

如何在页面加载时在特定div的所有html输入中插入一些值？

5 个答案: