どのように2つの要素が1つの要素をデータターゲットとしていますか？

Question

私は1つのhtmlページservices.htmlを持っています。

<div id="serviceData"> 
     <div class="container table-options-section "> 
     <div class="row"> 
      <div class="col-sm-12"> 
       <div class="row"> 
        <select class="selectpicker col-sm-2"> 
         <option>1</option> 
         <option>2</option> 
        </select> 
      <input class="col-sm-2" type="text" placeholder="Enter Value">    
       <select id="productSelector" class="selectpicker col-sm-2"> 
         <option>3</option> 
         <option>4</option> 
        </select> 
        <button class="btn btn-success">Go</button> 
      </div> 
     </div> 
    </div> 

    <table class="table" cellpadding="0" cellspacing="0" border="1"> 
     <thead> 
     <tr> 
      <th rowspan="2"></th> 
      <th rowspan="2"></th> 
      <th rowspan="2"></th> 
      <th class="group-header net"></th> 
      <th colspan="3" class="group-header buy"></th> 
      <th colspan="3" class="group-header sell"></th>   
     </tr> 
     </thead> 
     <tbody> 
     <tr ng-repeat="row in data track by $index" class="noFocus"> 
      <td>{{}}</td> 
      <td>{{}}</td> 
      <td>{{}}</td> 
      <td>{{}}</td> 
      <td>{{}}</td> 
      <td>{{}}</td> 
     </tr> 
     </tbody> 
    </table> 
</div> 

2つのものにリンクしたいと思います。 名前メニューのメニューから1つを選択します。私がそれをクリックすると、上記のHTMLページ（service.html）を開きます。私のナビゲーションタブと同じ名前のサービスから他の

<li data-toggle="tab" data-target="#serviceData"><a>Service</a></li>

。クリックすると、同じHTMLページが開きます。

<li><a data-toggle="tab" href="#serviceData">Service</a></li>

同じID（のserviceDataは）それを行うことはできません。 どうすればいいですか？どんな提案も歓迎です。おかげさまで

<li data-toggle="tab" data-target="#serviceData"><a>Service</a></li>

次へ：から

Answer 1

の変更、メニューliコード

<li><a data-toggle="tab" href="#serviceData">Service</a></li>