如何获取数据输入值并将其放入javascript中的innerHTML中
如何获取数据输入值并将其放入javascript中的innerHTML中
提问于 2016-08-15 21:47:12
嗨，我试图在Javascript/Jquery中获取日期输入的输入值，这样我就可以把它放在innerHTML中了。
我有以下代码；
$("#input").change(function()
{
document.getElementById('output').innerHTML = document.getElementById("input").value ;
});其中“输入”是日期选择的ID。输出是我希望所选日期可见的ID。
它适用于文本字段输入，但不适用于日期选择。有没有人知道解决方案，最好是在JQuery。谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-08-16 12:10:52
好吧我自己解决了这个问题。根据控制台输出，我得出结论，Rails自动将id分配给日期选择字段。
基于这些id，我编写了以下JQuery代码：
$("#date_3i").change(function()
{
$('#output').text(($(this).val()) + ' ' + ($("#date_2i").find(":selected").text()) + ' ' + ($("#date_1i").val()) ) ;
});
$("#date_2i").change(function()
{
$('output').text( ($("#date_3i").val()) + ' ' + ($(this).find(":selected").text()) + ' ' + ($("#date_1i").val()) ) ;
});
$("#date_1i").change(function()
{
$('output').text( ($("#date_3i").val()) + ' ' + ($("#date_2i").find(":selected").text()) + ' ' + ($(this).val()) ) ;
});案子结了谢谢。
Stack Overflow用户
发布于 2016-08-15 21:55:26
不是一种解决方案--而是一种稍微不同的方法，用于对值进行排序--您已经在使用jQuery，并且正在使用change事件处理程序--这意味着您可以稍微整理一下代码：
$("#input").change(function()
{
$('#output').html($(this).val());
});但我建议使用.text()来更改输出的内容，因为您试图更改的是内容，而不是HTML元素。
$("#input").change(function()
{
$('#output').text($(this).val());
});另一个建议是检查代码中没有重复(#input) id的元素。
Stack Overflow用户
发布于 2016-08-15 23:47:00
您可以使用下面的jQuery方法来实现这一点：
<script>
$("#input").change(function() {
$('#output').append($('#input').html());
});
</script>仅使用JavaScript实现相同的结果：
<script>
document.getElementById("input").onchange = function() {
updateValue()
};
function updateValue() {
var input = document.getElementById("input").innerHTML;
document.getElementById("output").innerHTML = input;
}
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38963564
复制相关文章
相似问题
腾讯云开发者
