Question

我对HTML和jquery完全不熟悉，我在jquery部分计算了一些值，并将该变量传递给HTML。

<script>
    var datetime = new Date();
    var res = datetime.toString(); //res is the variable
</script> // end of the string

<div class="col-xs-8 center login-sub-container clearfix">
    <form id="loginDetails" name="loginDetails" action="http://192.198.9.228/loginOnline" method="post">
        <div class="login-form-elements">
            <input type="hidden" value=res name="dateTime"> // here the result i want to pass
        </div>
    </form>
</div>

当我看到请求数据包时，我看到值正在传递result，而不是值在结果变量中

Answer 1

这里不需要jQuery。只需使用.value

即可

如果没有单引号或双引号，也不要在html中设置属性我的意思是该部分<input ... value=res ...>您应该始终使用单'或双"引号（<input ... value="res" ...>）

var datetime = new Date();
var res = datetime.toString();

document.querySelector("input[name='dateTime']").value = res;

<div class="col-xs-8 center login-sub-container clearfix">
  <form id="loginDetails" name="loginDetails" action="http://192.198.9.228/loginOnline" method="post">
    <div class="login-form-elements">
      <input type="text" value="result" name="dateTime">
    </div>
  </form>
</div>

Answer 2

您可以使用jQuery.val

＆＃13;

var datetime = new Date();
var res = datetime.toString();
$("[name='dateTime']").val(res);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="col-xs-8 center login-sub-container clearfix">
                        <form id="loginDetails" name="loginDetails" action="http://192.198.9.228/loginOnline" method="post">
                            <div class="login-form-elements">
 <input type="hidden" value=result name="dateTime" >

＆＃13;

Answer 3

您应该设置值。

例如，使用JQuery：

$（＆＃34; [名称= DATETIME]＆＃34）VAL（RES）;

Answer 4

如果你正在使用jquery，你可以实现如下所述：

<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script>
    var datetime = new Date();
    var res = datetime.toString(); //res is the variable
     $(document).ready(function(){
        $("#datetime").val(res);
    });
</script> // end of the string

然后在隐藏文本中添加一个ID，如：

<input type="hidden" name="dateTime" id="datetime" >

然后，这里没有必要提供单独的值属性。希望它适合你。

Answer 5

我想提供一个不同的解决方案，因为我觉得您想要提交此表单以及当前日期时间字段。这是在jQuery中提交表单之前设置动态值的方法。

<script>
var datetime = new Date();
var res = datetime.toString(); //res is the variable
function submitForm(){
    $("#loginDetails input[name=dateTime]").val(res);
    console.log($("#loginDetails input[name=dateTime]").val());
    $("#loginDetails").submit();
}   
</script>

<div class="col-xs-8 center login-sub-container clearfix">
    <form id="loginDetails" name="loginDetails" action="http://192.198.9.228/loginOnline" method="post">
        <div class="login-form-elements">
            <input type="hidden" value=res name="dateTime"> // here the result i want to pass
        </div>
        <input type="button" value="Submit" onclick="submitForm();">
    </form>
</div>

如何在调用post方法时将jquery变量传递给html

5 个答案: