如何在html中更改輸入類型的值？

我有一個簡單的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。我怎樣才能使它工作？

來源

2017-07-23 komal sharma

看起來你在返回輸入中缺少一個id，你只是有一個名字。因此，它應該是這樣的：

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

這樣，當你調用與$('#return') JS輸入就會得到它是正確的ID。

來源

2017-07-23 05:01:10 stuyam

<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=""/>

來源

2017-07-23 05:01:38 sagar

您與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");

來源

2017-07-23 05:06:21 Munawir

你打電話節點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>

來源

2017-07-23 05:06:59

如何在html中更改輸入類型的值？

回答

相關問題