如何在选项字段中显示编辑表单和选定值
How to show the edit form and selected value in option field
这里我想做,一些点击编辑按钮的意思是,我想在同一页面显示编辑表单,在那个编辑表单中,我想显示已经写了什么值,我想在那个表单字段中显示那个值,这里我为卡车名称做了,因为这个为input=text,但下一个字段我无法显示他已经选择了哪个状态,如何做到这一点
<?php
$sql = "SELECT * FROM trucks WHERE status !='1' ORDER BY reg_date DESC";
$result = mysql_query($sql);
$cat=array();
while($row = mysql_fetch_array($result)){
echo '<tr>
<td>'.$row["truck_name"].'</td>
<td>'.Getstate($row["state_id"]).'</td>
<td>'.Getcity($row["city_id"]).'</td>
<td class="col-medium center">
<div class="btn-group btn-group-xs ">
<a class="btn btn-inverse" style="cursor:pointer;" onclick="show_edit_menu('''.$row["id"].''','''.$row["truck_name"].''','''.$row["state_id"].''','''.$row["city_id"].''')"><i class="fa fa-edit icon-only"></i>Edit</a>
<a class="btn btn-danger" onclick="truck_deletemenu('.$row["id"].')"><i class="fa fa-times icon-only"></i>Delete</a>
</div>
</td>
</tr>';
}
?><?php
$sql = "SELECT * FROM trucks WHERE status !='1' ORDER BY reg_date DESC";
$result = mysql_query($sql);
$cat=array();
while($row = mysql_fetch_array($result)){
echo '<tr>
<td>'.$row["truck_name"].'</td>
<td>'.Getstate($row["state_id"]).'</td>
<td>'.Getcity($row["city_id"]).'</td>
<td class="col-medium center">
<div class="btn-group btn-group-xs ">
<a class="btn btn-inverse" style="cursor:pointer;" onclick="show_edit_menu('''.$row["id"].''','''.$row["truck_name"].''','''.$row["state_id"].''','''.$row["city_id"].''')"><i class="fa fa-edit icon-only"></i>Edit</a>
<a class="btn btn-danger" onclick="truck_deletemenu('.$row["id"].')"><i class="fa fa-times icon-only"></i>Delete</a>
</div>
</td>
</tr>';
}
?>
<script>
function show_edit_menu(id,t_name,state_id,city_id){
$("#show_edit_menu").show();
$("#tid").val(id);//truck auto id
$("#tname").val(t_name);//Truck Name
$("#state").val(state_id);//state id
console.log(t_name);//i got truck name value here
console.log(state_id);//i got state name value here
}
</script>
<!--edit part here-->
<div class="portlet" id="show_edit_menu" style="display:none;">
<div class="portlet-heading dark">
<div class="portlet-title">
<h4>Edit Menu</h4>
</div>
<div class="portlet-widgets">
<a data-toggle="collapse" data-parent="#accordion" href="#f-3"><i class="fa fa-chevron-down"></i></a>
</div>
<div class="clearfix"></div>
</div>
<div id="f-3" class="panel-collapse collapse in">
<div class="portlet-body">
<form class="form-horizontal" role="form" id="edit_form" method="post" enctype="multipart/form-data">
<div class="form-group">
<label class="col-sm-2 control-label">Truck Name<span class="require">*</span></label>
<div class="col-sm-8">
<input type="text" class="form-control" value="" name="tname" id="tname">
<input type="hidden" class="form-control" value="" name="tid" id="tid">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">State<span class="require">*</span></label>
<div class="col-sm-8">
<select class="form-control intro-form-fixer state" required="" id="state" name="state" data-msg-required="Please enter your State" value="" aria-required="true">
<option value="1"> I want to show which state i selected</option>
</select>
<!--<input type="hidden" id="state" name="state" value="" />-->
</div>
</div>
<div class="form-actions">
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" class="btn btn-primary" onclick="edit_menu()">Submit</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
Try this:
$("#state option[value='"+state_id+"']").attr("selected", true);
的
$("#state").val(state_id);
相关文章:
- 如何正确拖动jqgrid编辑表单
- 编辑不起作用的表单的特定行和重置特定字段
- 在Magento的后端块(选项卡编辑表单)中添加额外的js
- 我如何验证/发布编辑类型为表单编辑中的 jqgrid 选择的列
- 如何在不重新加载的情况下在表单编辑中更改主键后刷新jqgrid行id
- 在最后按钮之前禁止提交表单-避免编辑页面
- 如何禁用jqgrid中已发布行的内联和表单编辑
- 编辑gravityforms表单标记
- 如果AngularJS中有可编辑的表行,那么表单元素放在哪里
- 如何将动态表单保存到数据库/编辑回表单
- 编辑当前表单向导以成功发布数据
- 当表单不为空时,无法使用CasperJS编辑表单
- 我想用所选项目的数据填充我的编辑表单
- 当我以带有编辑和删除按钮的表单提交时,显示所有值
- 单击“使用 ajax 编辑”时将部分替换为表单部分
- 如何在免费的jqgrid中增加表单编辑中的文本区域宽度
- jqGrid表单编辑选择排序
- JQGridSave and Continue表单编辑
- 当单元格在jqgrid表单编辑中可编辑时,设置单元格值
- 更改jqGrid表单编辑文本区域,使其具有字符计数器