Ausgewählte Wert in der Liste, die in Html

Ich möchte den ausgewählten Wert in einer Liste.

<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>

Wenn ich wähle, wählte sechs bedeutet, eine alert-box, sagt der ausgewählten Liste Wert, und auch ich will die Bindung mit einem tag ich.e <p> Absatz auf der nächsten Seite. vielen Dank im Voraus.

  • Was auch funktioniert, ich möchte die Bindung mit einem tag ich.e <p> Absatz auf der nächsten Seite. bedeuten?
  • ich wollen, um den ausgewählten Wert in der nächsten Seite.
  • Siehe auch update - ich nahm an, Sie wollte zum laden der nächsten Seite, wenn Sie geklickt werden
InformationsquelleAutor selladurai | 2011-03-11
  1. 2
    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">

    In der nächsten Seite (aus dieser Beitrag):

    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"))
}
    • sollte es nicht "#search1"? 🙂
    • Ja, so habe ich es behoben, bevor Sie gefragt 😉
    • ohh, die refresh-Zeit! 🙂
    InformationsquelleAutor mplungjan
Schreibe einen Kommentar