如何获取date输入的值并将其放入到javascript中的innerHTML中

Question

嗨，我试图在Javascript/Jquery中获取日期输入的输入值，以便我可以将其放入innerHTML中。

我有以下代码;

$("#input").change(function() 
    { 
    document.getElementById('output').innerHTML = document.getElementById("input").value ; 
    }); 

凡为 '输入' 是日期选择的ID。输出是 的ID，我希望所选日期可见。

它适用于文本字段输入，但它不适用于日期选择。有人知道一个解决方案，最好在JQuery中。 感谢

Answer 1

奥凯我修正了这个问题我自己。基于控制台输出，我得出的结论是，Ruby on 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())) ; 
    }); 

结案，谢谢。

Answer 2

不是一个解决办法 - 但是当你得到的值进行排序的一个稍微不同的方式 - 你已经在使用jQuery和你使用的是change事件处理 - 这意味着你可以整理一下代码：

$("#input").change(function() 
    { 
    $('#output').html($(this).val()); 
    }); 

但我建议.text（）是你应该用来改变输出内容，因为你试图改变内容而不是HTML元素。

$("#input").change(function() 
    { 
    $('#output').text($(this).val()); 
    }); 

而另一个建议是检查你的代码中没有重复（#input）ID的元素。

Answer 3

可以实现，使用下面的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>