如何获取表格中选定的值
发布于2024-11-30 20:09 阅读(955) 评论(0) 点赞(28) 收藏(5)
在这里我想要做的是，改变状态时我想要获取值 id 和状态，这里我只得到了 id，我无法获取状态（1 或 2 或 3），我不知道该怎么做：-
function get_pstatus(_this){
var p_id=$(_this).closest('tr').find('#p_id').val();
var p_status=$(_this).closest('tr').find('#p_status').text();
console.log(p_status);
}<table class="table table-striped table-bordered table-hover dataTables-example" id="">
<thead>
<tr>
<th>No.</th>
<th>Project Name</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<?php
include('dbconfig.php');
$project = mysql_query("SELECT id,project_id,project_name FROM add_projects WHERE status !='1'");
for ($i=1;$p=mysql_fetch_assoc($project);$i++){
?>
<tr class="odd gradeX">
<td id="s_no"><?php echo $i;?><input id="p_id" type="hidden" value="<?php echo $p['id']?>"></td>
<td id="p_name"><?php echo $p['project_name']?></td>
<td id="p_status">
<form style=" margin-bottom: 0px;" id="project_status">
<select class="form-control" id="status" name="status" onchange="get_pstatus(this);" style="width:150px;">
<option value="">-- Select Status --</option>
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>
</form>
</td>
</tr>
<?php } ?>
</tbody>
</table>解决方案
您需要获取所选选项的值和文本，请按如下所示操作：-
function get_pstatus(){
var p_id = $('select#status').find('option:selected').val();
var p_status = $('select#status').find('option:selected').text();
}
或者
function get_pstatus(){
var p_id = $('#status :selected').val();
var p_status = $('#status :selected').text();
}
而不是onchange="get_pstatus(this);写onchange="get_pstatus();
例子：-
function get_pstatus(){
var p_id = $('#status :selected').val();
var p_status = $('#status :selected').text();
console.log(p_id);
console.log(p_status);
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="form-control" id="status" name="status" onchange="get_pstatus(this);" style="width:150px;">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.phpheidong.com/blog/article/558239/0502cc8576a343e8430c/
来源：php黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力