Question

我有一个div

<div id="force_id"></div>

这将打印页面上每个产品的ID。例如：26588

如何将其分配给隐藏的输入值？

<input name="" id="deger" type="hidden" value="<div id="force_id"></div>">

当然不喜欢：=）

Answer 1

首先，我认为你的问题含糊不清，你试图通过这种标签实现的目标可能不是一个好方法。我建议你寻找替代方法。

<input name="" id="deger" type="hidden" value="<div id="force_id"></div>">

但如果你坚持这可以轻松完成。像在div中插入的任何其他字符串值一样处理该值，但这次您需要转义引号字符，如下所示

$("#deger").val('<div id=\"force_id\"></div>');

Answer 2

试试这个

$('#deger').val($('#force_id').text());

请参阅下面的代码段

function doIt() {
  $('#deger').val($('#force_id').text());
}

// Just for testing what happens
var degerEl = document.getElementById('deger');
var resultEl = document.getElementById('result');
var doItBtn = document.getElementById('doItBtn');
doItBtn.addEventListener('click', doItOnClickCallback);
setResultElValue();

function doItOnClickCallback() {
  doIt();
  setResultElValue();
}

function setResultElValue() {
  resultEl.value = degerEl.outerHTML;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="" id="deger" type="hidden" value="">
<div id="force_id">26588</div>

<!-- Just for testing what happens -->
<button id="doItBtn">Do it</button><br/>
<textarea readonly id="result" style="font-family:monospace;width:400px"></textarea>

将id分配给输入值

2 个答案: