Jquery 设置不同的输入文本和值

Jquery set different input text and value

本文关键字：文本 输入 设置 Jquery      更新时间：2023-09-26

现在我正在使用$.val()来设置输入的值。但我希望用户在输入中看到不同的文本，并且仍然将使用val()设置的值发送到服务器。我尝试使用$.text()但它不起作用。有没有办法设置 html value 属性，并在输入中为用户查看的 th## 标题 ##e 设置不同的文本？

我没有发布任何代码，因为它非常通用。我需要这个的原因是我想在文本中显示一个漂亮的日期字符串（我正在使用日期时间选择器）并将字符串的压缩版本发送到服务器。

编辑

好的，希望这有帮助：

<input class="form-control date" id="booking_time" name="hour" type="text">

在Javascript中，我有这样的东西：

var date_booked = new Date()
$("#booking_time").val(date_booked.toDateString());

但是我希望发送到服务器的输入值是toDateString处理的日期，并且仍然在文本框中显示date.toDateString()。为此，我希望这能奏效：

$("#booking_time").val(date_booked);
$("#booking_time").text(date_booked.toDateString());

但事实并非如此。

您可以尝试将要发送到服务器的日期存储在变量中，然后挂钩到表单提交按钮的单击事件中以在提交之前更改值，如下所示：

var date_booked = new Date()
$("#booking_time").val(date_booked.toDateString());
$("#id-of-submit-button").on("click", function() {
    $("#booking_time").val(date_booked);
});

唯一的问题是，如果用户编辑输入，那么它将覆盖他们的编辑并发送变量。要解决此问题，您可以使用另一个变量来检测输入中的更改：

var submitvardate = true;
var date_booked = new Date()
$("#booking_time").val(date_booked.toDateString());
$("#id-of-submit-button").on("click", function() {
    if (submitvardate) {
        $("#booking_time").val(date_booked);
    }
});    
$("#booking_time").on("change", function() {
    submitvardate = false;
});
你可以

尝试通过ajax发送你的值

。 
var date_booked = new Date()
$("#booking_time").val(date_booked.toDateString());
$("#form").on("submit",function(){
    $.ajax({
        url : '',
        type : '',
        data : {
            hour : date_booked 
        },
        success : function(data){
            // do something ...
        }
    });
    return false;
}
相关文章：