javascript - 将值传递给隐藏的输入

Question

我不是 JavaScript/jQuery 开发人员，但我必须处理它，所以请原谅这个愚蠢的问题。我有一个允许 JavaScript/jQuery 自定义的软件，我需要将一些报告迁移到新版本。在旧的软件版本中，这工作正常:

$("#prop input").val('asd').blur();

请注意，#prop 是包含我要填充的输入字段的 div id(隐藏)，此输入字段是我无法修改的软件对象，因此我需要使用这种方法。在新版本中，如果 div 可见，上面编写的代码仍然有效，但在隐藏时不再有效。我在软件发行说明中发现可能不再支持 jQuery，但 JavaScript 仍然支持。所以我尝试更改我的代码:

document.getElementById('prop').value = 'asd';

但它不起作用。如何用纯 JavaScript 替换此指令？还有为什么旧的 jQuery 命令在 div 可见时仍然有效

编辑:我认为此时有必要提供有关我的代码的更多信息。它可能与我之前写的略有不同，但这是我需要修复的真实情况。我认为主要问题是隐藏 div 上的模糊方法，因为仅传递“值”不足以触发其他操作。如上所述，当 div dt1 未隐藏时，这段代码工作正常。

var result = $("#valiDate").text();
var datelist = [];
datelist = result.split(",");
//document.getElementById("log").innerHTML =result.toString();
//update document property after selection
function datePicker_onSelect(selectedDate){
 //alert(selectedDate)
 $("#dt1 input").focus()
 $("#dt1 input").blur()
 //document.getElementById("dt1").innerHTML=selectedDate
}



pickerOptions = {
 altFormat: "dd/mm/yy",
 showOn: 'button', 
 buttonImageOnly: true, 
 buttonImage: 'https://cdn2.iconfinder.com/data/icons/metro-uinvert-dock/256/Calendar.png', 
 minDate: "-36M", maxDate: "+0D",
 changeMonth: true,
 changeYear: true,
 altField:"#dt1 input",
 onSelect:datePicker_onSelect,
 beforeShowDay: function(d) {
    // normalize the date for searching in array
    var dmy = "";
    dmy += ("00" + d.getDate()).slice(-2) + "/";
    dmy += ("00" + (d.getMonth() + 1)).slice(-2) + "/";
    dmy += d.getFullYear();
    if ($.inArray(dmy, datelist) >= 0) {
        return [true, ""];
    }
    else {
        return [false, ""];
        }
    }
 }

//create the date picker
document.getElementById('dt1picker').innerHTML="<input type='hidden' id='datePicker'>"
$("#datePicker").datepicker(pickerOptions);

我还要感谢所有做出贡献的用户。

Answer 1

试试这个。这将首先获取元素，然后找到一个子元素 input 并设置值

document.getElementById('prop').querySelector('input').value = 'asd';