Php 单击按钮使表单字段可编辑
我想知道如何在PHP中显示可编辑的表单字段。我的视图文件的一部分:Php 单击按钮使表单字段可编辑,php,jquery,html,Php,Jquery,Html,我想知道如何在PHP中显示可编辑的表单字段。我的视图文件的一部分: <?php echo Form::label("email", "Email"); ?> <?php echo Form::input("email", $userdetails->email,array('disabled' => 'disabled')); ?> <br/> <?php echo Form::label("description"
<?php echo Form::label("email", "Email"); ?>
<?php echo Form::input("email", $userdetails->email,array('disabled' => 'disabled')); ?>
<br/>
<?php echo Form::label("description", "Description"); ?>
<?php echo Form::textarea("description", $userdetails->description,array('disabled' => 'disabled')); ?>
<br/>
<?php echo Form::submit("submit", "Submit"); ?>
<?php echo Form::close(); ?>
<a href="../index"><input type="button" name="edit" value="Edit" ></a>
在页面加载字段中,应禁用
如果用户单击编辑按钮,隐藏字段应变为可编辑。模拟表单
<form>
<input id="inp" type="text" disabled>
<input id="edit" type="button" value="Edit">
</form>
然而,出于可用性考虑,我建议:
var el = document.getElementById('edit');
var inp = document.getElementById('inp');
el.addEventListener('click', function(){
inp.disabled = false;
inp.focus(); // set the focus on the editable field
});
编辑:OP评论说,单击时需要启用几个元素
var el = document.getElementById('edit');
var frm = document.getElementById('myform');
el.addEventListener('click', function(){
for(var i=0; i < frm.length; i++) {
frm.elements[i].disabled = false;
}
frm.elements[0].focus(); // put focus on the first element
});
var el=document.getElementById('edit');
var frm=document.getElementById('myform');
el.addEventListener('click',函数(){
对于(变量i=0;i
模拟表单
<form>
<input id="inp" type="text" disabled>
<input id="edit" type="button" value="Edit">
</form>
然而,出于可用性考虑,我建议:
var el = document.getElementById('edit');
var inp = document.getElementById('inp');
el.addEventListener('click', function(){
inp.disabled = false;
inp.focus(); // set the focus on the editable field
});
编辑:OP评论说,单击时需要启用几个元素
var el = document.getElementById('edit');
var frm = document.getElementById('myform');
el.addEventListener('click', function(){
for(var i=0; i < frm.length; i++) {
frm.elements[i].disabled = false;
}
frm.elements[0].focus(); // put focus on the first element
});
var el=document.getElementById('edit');
var frm=document.getElementById('myform');
el.addEventListener('click',函数(){
对于(变量i=0;i
您可以使用jquery将
disabled
属性设置为false
jQuery("input[name=edit]").click(function(){
jQuery("input[name=email],input[name=description]").attr("disabled",false);
});
input[name=email]
选择电子邮件输入字段
input[name=description]
选择描述输入字段您可以使用jquery将禁用的属性设置为false
jQuery("input[name=edit]").click(function(){
jQuery("input[name=email],input[name=description]").attr("disabled",false);
});
input[name=email]
选择电子邮件输入字段
input[name=description]
选择描述输入字段为什么在PHP中?这在客户端很容易处理。哪一个是隐藏字段?@brbcoding您能解释一下如何使用javascript/jquery处理它吗?任何示例对我来说都很容易理解learn@PatrickEvans没有隐藏字段,电子邮件和描述字段处于禁用模式或不可编辑模式。单击按钮,使其可编辑。确定,这样地?为什么使用PHP?这在客户端很容易处理。哪一个是隐藏字段?@brbcoding您能解释一下如何使用javascript/jquery处理它吗?任何示例对我来说都很容易理解learn@PatrickEvans没有隐藏字段,电子邮件和描述字段处于禁用模式或不可编辑模式。单击按钮,使其可编辑。确定,这样地?