gpt4 book ai didi

javascript - 将输入字段设置为标签元素的当前值

转载 作者:行者123 更新时间:2023-11-28 02:52:39 26 4
gpt4 key购买 nike

如何在函数 showEditionBlock() 中获取标签元素的当前值并将它们设置到相应的输入字段?该函数将显示“编辑”div,但输入未获取标签的原始值。

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

</head>
<script>
$(document).ready(
function()
{

$("#companyNameText").keyup(
function()
{
$("#companyNameLabel").html(this.value);
});

$("#companyCountryText").keyup(
function()
{
$("#companyCountryLabel").html(this.value);
});
});
function showEditionBlock(){
//$("div#edit").css('display','block').fadeIn("slow");
$("div#edit").fadeIn('slow', function(){
$(this).css('display', 'inline');
});
}

function hideEditionBlock(){
//$("div#edit").css('display','block').fadeIn("slow");
$("div#edit").fadeOut('slow', function(){
$(this).css('display', 'none');
});
}



</script>
<body>
<div id="preview">
<fieldset>
<label id="companyNameLabel" class="workExperience">
This is my company
</label>
<label id="companyCountryLabel" class="workExperience">
This is my company Country
</label>
<input type="button" value="edit" onclick="showEditionBlock();"/>
</fieldset>
</div>
<div id="edit" style="display:none;">
<fieldset>
<label>Company Name: </label>
<input type="text" id="companyNameText" />
<label>Company Country: </label>
<input type="text" id="companyCountryText" />
<input type="button" value="Ok" onclick="hideEditionBlock();"/>
</fieldset>
</div>
</body>
</html>

最佳答案

您应该将标签的 innerHTML 分配给输入的 value。在普通的 Javascript 中,你可以执行以下操作:

document.getElementById("companyNameText").value =
document.getElementById("companyNameLabel").innerHTML;
document.getElementById("companyCountryText").value =
document.getElementById("companyCountryLabel").innerHTML;

使用 jQuery,这是相同的:

$("#companyNameText").val($("#companyNameLabel").html());
$("#companyCountryText").val($("#companyCountryLabel").html());

关于javascript - 将输入字段设置为标签元素的当前值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3462515/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com