Javascript 在Html中获取列表中的选定值
我想在列表中获取所选值Javascript 在Html中获取列表中的选定值,javascript,jquery,html,jquery-mobile,Javascript,Jquery,Html,Jquery Mobile,我想在列表中获取所选值 <html > <head> <meta charset="utf-8" /> <title>Intro to jQuery Mobile</title><br /> <!-- <script type="text/javascript" src="jquery.mobile-1.0a3.min.css"></script> <script type="text/j
<html >
<head>
<meta charset="utf-8" />
<title>Intro to jQuery Mobile</title><br />
<!--
<script type="text/javascript" src="jquery.mobile-1.0a3.min.css"></script>
<script type="text/javascript" src="jquery.mobile-1.0a3.min.js"></script>
<script type="text/javascript" src="jquery-1.5.min.js"></script>-->
<link rel="stylesheet" href="jquery.mobile-1.0a3.min.css" />
<script type="text/javascript" src="jquery-1.5.min.js"></script>
<script type="text/javascript" src="jquery.mobile-1.0a3.min.js"></script>
<script type="text/javascript">
function GetSelectedValut()
{
var list_value = document.getElementById("search1").value;
alert(list_value);
}
</script>
</head>
<body>
<!-- Page one starts-->
<div data-role="page" id="pageone">
<div data-role="header">
<h1>Header</h1>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="true" >
<li id="search">
<a href="#pagetwo" value="Selected one" onclick="GetSelectedValut()">Selected one</a>
</li>
<li id="search1" onclick="GetSelectedValut()" value="Selected two">
<a href="#detailpage">Selected two</a>
</li>
<li>
<a href="#detailpage">Selected three</a>
</li>
<li>
<a href="#detailpage">Selected four</a>
</li>
<li>
<a href="#detailpage">Selected five</a>
</li>
<li>
<a href="#detailpage">Selected six</a>
</li>
/ul>
</div>
<div data-role="footer">
<h1>Footer</h1>
</div>
</div>
<!-- Page one ends-->
</body>
</html>
jQuery Mobile简介
函数GetSelectedValut()
{
var list_value=document.getElementById(“search1”).value;
警报(列表_值);
}
标题
-
-
-
-
-
-
/ul>
页脚
如果我选择selected six means,一个警报框会显示所选的列表值,我还想在下一页绑定一个标记,即
段落。提前感谢。不应该是“#搜索1”?:)@Nikhil是的,所以在你问之前我已经修好了;)我还想用一个标签绑定什么,即下一页的段落。意思是?我想在下一页中显示所选的值。@Durai:请参阅更新-我假设您想在单击时加载下一页
function GetSelectedValut(id)
{
var list_value = $("#"+id).attr("value");
location = "nextpage.html?val="+encodeURIComponent(list_value);
}
<a href="#pagetwo" value="Selected one" onclick="GetSelectedValut('search1')">Selected one</a>
</li>
<li id="search1" onclick="GetSelectedValut(this.id)" value="Selected two">
function getParameterByName(name) {
var match = RegExp('[?&]' + name + '=([^&]*)')
.exec(window.location.search);
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
window.onload=function() {
$("#someParagraphID").html(getParameterByName("val"))
}