现在我正在使用$.val()
设置输入值。但我希望用户在输入中看到不同的文本,并仍然将带有val()
的值集发送到服务器。我尝试使用$.text()
但它不起作用。有没有办法设置html value
属性,并在输入中为##标题## 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());
但事实并非如此。
答案 0 :(得分:2)
您可以尝试在变量中存储要发送到服务器的日期,然后挂钩到表单提交按钮的click事件,以便在提交之前更改值,如下所示:
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;
});
答案 1 :(得分:0)
you can try sending your value by 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;
}