2017-07-23 113 views
1

我有一个简单的HTML表单即如何在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>标签

我做的验证和不断变化的价值回归:

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

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

}); 
</script> 

验证是成功的工作,同时提交的形式,但我得到空值在returninput type。我怎样才能使它工作?

回答

1

看起来你在返回输入中缺少一个id,你只是有一个名字。因此,它应该是这样的:

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

这样,当你调用与$('#return') JS输入就会得到它是正确的ID。

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

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

看看你在做什么,你试图将值赋给一个id = return的选择器。但是你没有这个ID的任何元素然而,你有同样的name.You一个元素可以通过两种方式解决此问题:

首先用它的名字中选择元素:

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

或您可以将id属性分配给您的输入元素

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

您与id="return"不存在指定的输入值。

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

您应该给出一个ID输入标签作为

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

或更改脚本

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

你打电话节点jQuery中使用的ID,你的回报输入不必须的Id称为退货

$('#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 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<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="" id="return"/> 
 
    </form>