div의 내부 html 값을 숨겨진 입력 값으로 변환하는 방법은 무엇입니까?

Question

div의 동적 값을 숨겨진 입력 값으로 만들 수 있습니까? 이의 innerHTML 값에 대해 같은

ID가 :

<div class="totals-value" id="total"></div> 

여기

<input type="hidden" name="grandtotal" value=""> 

Answer 1

let $input = $('input[name="grandtotal"]'); 
let $div = $('#total'); 

$input.val($div.html()); 

Answer 2

예를 삽입하려면 숨겨진 입력의 값을 변경할 수 있습니다.

const input = $('input[name="grandtotal"]'); 
 
const div = $('#total'); 
 

 
function insert() { 
 
    input.val(div.html()); 
 
} 
 

 
function showInput() { 
 
    input.prop('type', 'text'); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="totals-value" id="total">123</div> 
 
to be inserted here 
 

 
<input type="hidden" name="grandtotal" value=""> 
 

 
<button onclick="insert()">Insert value from div to input</button> 
 
<button onclick="showInput()">Show hidden input</button>

Answer 3

var theHiddenInput = $('input[name=grandtotal]'); 
var theDiv = $("#total"); 

theHiddenInput.val(theDiv.text());