新手求助!Bootstrap Table 如何获得选中项的文本呢?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了新手求助!Bootstrap Table 如何获得选中项的文本呢?相关的知识,希望对你有一定的参考价值。

==================================================================
<button type="button" onclick="determine()" class="btn btn-primary">
确定
</button>
<script type="text/javascript">
function determine()


$('#myModal').modal('hide')
</script>
==================================================================
请问按确定后如何获得选中项的文本呢?

比如图中选中的是Item 4 点击确定后 js 如何获得这个选中值呢?

Table用的是 Bootstrap Table (单选复选框列表)
自己看官方文档摸索出来了,不过还是谢谢各位相助!

您好,这样的:
目测你只需要把data-url写好,比如写 data-url=“userList.htm”,
然后userList.htm返回数据如: "state":"xxx","email":"xxx",...,即按照你th中写的字段返回json即可。
<html>
<head><title>获取下拉列表选中项的值和文本(select)</title></head>
<body>
<script>
//获取下拉列表选中项的文本
function getSelectedText(name)
var obj=document.getElementByIdx(name);
for(i=0;i<obj.length;i++)
if(obj[i].selected==true)
return obj[i].innerText; //关键是通过option对象的innerText属性获取到选项文本



//获取下拉列表选中项的值
function getSelectedValue(name)
var obj=document.getElementByIdx(name);
return obj.value; //如此简单,直接用其对象的value属性便可获取到

</script>
<select id="myselect">
<option value="fist">1</option>
<option value="second">2</option>
<option value="third">3</option>
</select>
<input type="button" value="所选文本" onclick="alert(getSelectedText('myselect'));" />
<input type="button" value="所选值" onclick="alert( getSelectedValue('myselect'));" />
</body>
</html>
参考技术A //给a和b的文本用span加个class包起来,好找
//例
<tr>
    <td>checkedbox</td>
    <td><span class="a">itemA</span></td>
    <td><span class="b">itemB</span></td>
</tr>

function determine()
    var data = new Array();
    $("tr").each(function()
        var s = $(this);
        if(s.find('input[type="checkbox"]').is(":checked"))
            data.push(
                A:s.find(".a").text(),
                B:s.find(".b").text()
            );
        
    );
    return data;

新手求助如何在js上使用ajax接收php读取的mysql数据并输出

小弟基本是纯web开发新手,被拉去实现一个地图项目的数据库连接
我用php连接好了数据库代码如下
$conn=mysql_connect($mysql_server_name, $mysql_username,$mysql_password)
or die("Could not connect: ".mysql_error());
// 从表中提取信息的sql语句
$strsql="select * from point";
// 执行sql查询
$result=mysql_db_query($mysql_database, $strsql, $conn);
$row = mysql_fetch_array($result, MYSQL_ASSOC);
$row_json = json_encode($row);
exit($row_json);
我要读取的是mysql数据库point表中的lnglat(经纬度数据),然后发送到js中去,然后在js调用new BMap.Point()函数将我php读取到的数据库里的坐标按主键id顺序分别打在地图上。想请教一下如果用ajax的话,在js部分的代码该怎么写啊?不是很清楚php函数读取数据库后的数据形式以及转化为jason后的影响,求大神帮忙orz 有其他更方便的方法也请指导一下

如果要描图的话  需要加载 相应的地图api 库    怎样描点要根据 api的格式 比如 , 我用baidu 的api  需要的是数组格式 

那么代码 是这样的 

function getGps_msg(cur_date)
var rt_array=new Array();
cur_phone_no=$("#user_list").val();
$.ajax(
type:"get",
url:"json_gps.php",
async:false,
dataType:"json",
data:cur_date:cur_date,phone_no:cur_phone_no,
success: function(msg)
  for (var i=0;i<msg.length;i++)
rt_array[String(i)]=msg[i];


);
return rt_array;

 得到你一个描点的数组了. 再去描点

function drawPion(data_arr)
//var data_arr=getGps_msg();
//alert (data_arr);
bm.clearOverlays();
var cx=data_arr['0']['longitude'];
var cy=data_arr['0']['latitude'];

bm.centerAndZoom(new BMap.Point(cx,cy),18);
var dianshu=0;
for (var i=0;i<data_arr.length;i++)
var  msg=data_arr[i]['rec_time'];
var   lab_msg="";
  var   xx= data_arr[i]['longitude'];
  var   yy= data_arr[i]['latitude'];
  //alert (i);
var markergps = new BMap.Marker(new BMap.Point(xx,yy));
//bm.addOverlay(markergps,i); //添加GPS标注
if (dianshu==9)
bm.addOverlay(markergps,i); //添加GPS标注
dianshu=0;
else
dianshu++;


if(i==0)
//var markergps = new BMap.Marker(new BMap.Point(xx,yy));
bm.addOverlay(markergps,i); //添加GPS标注
lab_msg="最后位置";

if(data_arr[i]['img_file_path']!=="")
//var markergps = new BMap.Marker(new BMap.Point(xx,yy));
bm.addOverlay(markergps,i); //添加GPS标注
lab_msg+="[图]";
var sContent ="<img style='float:right;margin:4px' id='imgDemo"+i+"' src='"+data_arr[i]['img_file_path']+"' width='320' height='240' title='photo'/>";
 addClickHandler(sContent,markergps);

if (i==data_arr.length-1)
//var markergps = new BMap.Marker(new BMap.Point(xx,yy));
bm.addOverlay(markergps,i); //添加GPS标注
lab_msg="开始位置";


var labelgps = new BMap.Label(i+lab_msg,offset:new BMap.Size(20,-10));
markergps.setLabel(labelgps,i); //添加GPS标注

得到效果 

参考技术A json_decode($row_json)后的数据就是你在数据库取到的数据。
转化后的格式和原来一样,为
array(
0=>array(
‘id’=>1,
'name' =>'xxx'
),

1=>array(
‘id’=>2,
'name' =>'xxx1'


光取出并输出我会 ,但是你说打在地图上我不清楚啊

以上是关于新手求助!Bootstrap Table 如何获得选中项的文本呢?的主要内容,如果未能解决你的问题,请参考以下文章

求助,大神快来,bootstrap3 table 问题

新手求助,请问怎么在ubuntu桌面版下获得root权限

如何用js更改tr的背景颜色 新手求助

在使用bootstrap-table时,怎么获取选择行的内容?

如何来使用bootstrap table

如何来使用bootstrap table