[英]Getting HTML DOM element and setting it to a value of a input tag
我的頁面上有一個元素，其ID為last_name 。 我想獲取它的值並將其傳遞給我的input標簽。
我本質上是在嘗試做這樣的事情（不起作用）。
<input type="hidden" name="lastName" value=document.getElementById("last_name").value>
反正有這樣做嗎？
這不僅在負載上。
本質上，我有一堆文本框以表格的形式組合在一起。
然后我有另一個帶有按鈕的表格。 當用戶單擊按鈕時，我希望輸入標簽的值是在文本框中輸入的當前值。
編輯：謝謝大家！ 得到它的工作。 我基本上必須刪除輸入標簽的“值”屬性，然后將“ onclick”屬性添加到我的按鈕，然后調用你們提供給我的那些javascript代碼。
僅用於加載頁面：
<!DOCTYPE html>
<html>
<head>
<!-- link here your JQuery library -->
<script>
$(function(){
$('#lastName').val($('#last_name').val());
});
</script>
</head>
<body>
<input type="text" id="last_name" value="123">
<input type="hidden" name="lastName" value="">
</body>
</html>
對於按鈕單擊：
<!DOCTYPE html>
<html>
<head>
<!-- link here your JQuery library -->
<script>
$(function(){
$('#btn-save').on('click', function() {
$('#lastName').val($('#last_name').val());
// other work
return false;
}
});
</script>
</head>
<body>
<input type="text" id="last_name" value="123">
<input type="hidden" name="lastName" value="">
<button id="btn-save">Save</button>
</body>
</html>
不使用jQuery：
<script>
window.onload = function(){
var src = getElementById('last_name');
var dst = getElementById('lastName');
dst.value = stc.value;
}
</script>
嘗試這個：
var lastName = document.getElementById("last_name");
var input = document.getElementById("yourInputId");
input.value = lastName.value;
嘗試以下代碼HTML
<input type="hidden" name="lastName" id='hidLastName' />
和javascript代碼：
var input = document.getElementById("hidLastName")
input.value = document.getElementById("last_name").value
您應該將邏輯移動到.js文件或<script></script>元素內部。 最好是前者。 嘗試這樣的事情：
將id放入接收輸入：
<input type="hidden" id="lastName" name="lastName">
這到您的.js文件
window.onload = function(){
var lastNameInput = document.getElementById('lastName');
var sourceInput = document.getElementById('last_name');
lastNameInput.value = sourceInput.value;
}
試試這個：Java腳本
<script>
function setInput() {
document.getElementById("lastname").value = document.getElementById("last_name").value;
}
</script>
的HTML
<input type="text" id="last_name" onblur="setInput()"/>
<input type="hidden" id="lastname" />
jQuery attr不設置最大值，但設置html輸入標簽的最小值
[英]JQuery attr not setting max value but setting min for html input tag
在 React 中 - 為什么重新渲染 html 輸入元素的“值”屬性會更新字段中的值而不是 DOM API
[英]In React - Why does rerendering the “value” attribute of an html input element update the value in the field when is does not with the DOM API
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.