gpt4 book ai didi

javascript - 改变列表中的元素

转载 作者:行者123 更新时间:2023-11-30 18:43:23 25 4
gpt4 key购买 nike

我希望在单击 Edit_Question 按钮后将“问题:”和“答案:”之后的文本更改为文本输入。我不知道完成这项工作的好方法。这是我的代码:

<script type="text/javascript">
<!--
$("li div").hide();
$("li h3").click(function(){
$(this).next("div").slideToggle("fast").siblings("div").slideUp("fast");
})

//-->
</script>
<ul class="Question_List">

<?php foreach($FAQS as $FAQ) { ?>

<li>
<h3><u><strong><i>Question:</i></strong><?php echo $FAQ['question'];?></u></h3>
<div>
<h4><strong><i>Answer:</i></strong><?php echo$FAQ['answer'];?></h4>
<table style='max-width: 250px;'>
<tbody>
<tr>

<td><strong>Pages:</strong><select><option>1</option><option>2</option></select>
<td><input type='button' class="Edit_Question" value='edit'/></td>
<td><input type='button' class="Delete_Question" value='delete'/></td>
</tr>
</tbody>
</table>
</div>
</li>

<?php } ?>

<li><br><input type="button" class="New_Question" value="NEW"/></li>
</ul>

最佳答案

只需禁用/启用文本框并设置禁用版本的样式:HTML:

<button id="edit">Edit</button>
<input id="myinput" type="text" disabled="disabled" value="My Value"/>

CSS:

input:disabled {
background-color:#fff;
border:none;
}

JavaScript:

document.getElementById("edit").onclick = function() {
document.getElementById("myinput").disabled = "";
};

关于javascript - 改变列表中的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6191936/

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