How to navigate and load data for common page with iD (Dynamically)

1

Hi ,

I have a list options. when I tap each options , It need to get id according to the selected option. And need navigate to the the common page (using route js) and need load the data (selected option data) to the page dynamically.

Please help me to achieve this.

<div class="navbar-bg"></div>

<div class="navbar-inner sliding">

  <div class="left">

    <a href="#" class="link" onclick="reload()">

      Refresh

    </a>

  </div>

  <div class="title">Changes</div>

</div>

<div class="list media-list">

  <ul>

    <li>

      <a href="#" class="item-link item-content">

        <div class="item-media"><img src="img/manageAccount.jpg" width="60" /></div>

        <div class="item-inner">

          <div class="item-title-row" style="padding-top: 5%;">

            <div class="item-title">Manage Account</div>

          </div>

        </div>

      </a>

    </li>

    <li>

      <a href="#" class="item-link item-content">

        <div class="item-media"><img src="img/manageAccount.jpg" width="60" /></div>

        <div class="item-inner">

          <div class="item-title-row" style="padding-top: 5%;">

            <div class="item-title">Manage Account</div>

          </div>

        </div>

      </a>

    </li>

    <li>

      <a href="#" class="item-link item-content">

        <div class="item-media"><img src="img/manageAccount.jpg" width="60" /></div>

        <div class="item-inner">

          <div class="item-title-row" style="padding-top: 5%;">

            <div class="item-title">Manage Account</div>

          </div>

        </div>

      </a>

    </li>

    <li>

      <a href="#" class="item-link item-content">

        <div class="item-media"><img src="img/manageAccount.jpg" width="60" /></div>

        <div class="item-inner">

          <div class="item-title-row" style="padding-top: 5%;">

            <div class="item-title">Manage Account</div>

          </div>

        </div>

      </a>

    </li>

    <li>

      <a href="#" class="item-link item-content">

        <div class="item-media"><img src="img/manageAccount.jpg" width="60" /></div>

        <div class="item-inner">

          <div class="item-title-row" style="padding-top: 5%;">

            <div class="item-title">Manage Account</div>

          </div>

        </div>

      </a>

    </li>

    <li>

      <a href="#" class="item-link item-content">

        <div class="item-media"><img src="img/manageAccount.jpg" width="60" /></div>

        <div class="item-inner">

          <div class="item-title-row" style="padding-top: 5%;">

            <div class="item-title">Manage Account</div>

          </div>

        </div>

      </a>

    </li>

    <li>

      <a href="#" class="item-link item-content">

        <div class="item-media"><img src="img/manageAccount.jpg" width="60" /></div>

        <div class="item-inner">

          <div class="item-title-row" style="padding-top: 5%;">

            <div class="item-title">Manage Account</div>

          </div>

        </div>

      </a>

    </li>

  </ul>

</div>