Question

我有一个简单的html表单，即

  <form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post" target="_top" id="registration-form">
     <input type="text" class="form-control" name="form-reg-fullname" data-form-field="Name" id="form-reg-fullname">
     <input type="hidden" name="return" value=""/>
  </form>

在<script>标记中我正在进行验证并更改return的值：

 <script>
   $('#registration-form').submit(function () {
   var fname = $.trim($('#form-reg-fullname').val());

$("#return").val("http://localhost:9000/app/fname");

});
</script>

在提交表单时验证工作正常，但我在return input type中获得空值。我怎样才能使它工作？

Answer 1

看起来你在返回输入上缺少一个id，你只需要一个名字。所以看起来应该是这样的：

<input type="hidden" name="return" id="return" value=""/>

这样当你使用$('#return')在js中调用输入时，它将通过它正确的id来获取它。

Answer 2

  <input type="hidden" name="return" value=""/>

$("#return").val("http://localhost:9000/app/fname");//PROBLEM RESIDE Here

看看你在做什么，你试图将值分配给id = return的选择器。但是你没有任何具有此ID的元素，但是你有一个同名的元素。你可以通过两种方式解决这个问题：

首先按名称选择元素：

$("input[name='return']").val("http://localhost:9000/app/fname");

或者您可以将id属性指定为输入元素

<input type="hidden" id="return" name="return" value=""/>

Answer 3

您正在使用不存在的const appRoutes: Routes = [ {path: 'screen1',component: Screen1Component}, {path: 'screen2',component: Screen2Component}}, {path: '',redirectTo:'/screen1',pathMatch:'full'} ];分配输入值。

id="return"

您应该将输入标记的ID设为

$("#return").val("http://localhost:9000/app/fname");

或将脚本更改为

<input type="hidden" name="return" id="return" value=""/>

Answer 4

您在jquery中使用id调用节点，您的返回输入没有名为return

的Id

$("input[name='return']").val("http://localhost:9000/app/fname");

   $('#registration-form').submit(function () {
   var fname = $.trim($('#form-reg-fullname').val());

$("#return").val("http://localhost:9000/app/fname"); //setting the value
console.log($("#return").val()); //getting the value
});

如何在html中更改输入类型的值？

4 个答案: