asp.net mvc razor fill @Html.DropDownList from twotables
<p>with the code bellow i get this :</p>

<pre><code>&lt;select id="ClarderSousSecteurID" name="ClarderSousSecteurID"&gt;
    &lt;option value=""&gt;---  Tous  ---&lt;/option&gt;
    &lt;option value="23"&gt;23&lt;/option&gt;
    &lt;option value="46"&gt;46&lt;/option&gt;
    &lt;option value="29"&gt;29&lt;/option&gt;
        ....
&lt;/select&gt;
</code></pre>

<p>What i'm missing to get this :</p>

<pre><code>&lt;select id="ClarderSousSecteurID" name="ClarderSousSecteurID"&gt;
    &lt;option value=""&gt;---  Tous  ---&lt;/option&gt;
    &lt;option value="23"&gt;Libelle No 1&lt;/option&gt;
    &lt;option value="46"&gt;Libelle No 2&lt;/option&gt;
    &lt;option value="29"&gt;Libelle No 3&lt;/option&gt;
        ....
&lt;/select&gt;
</code></pre>

<p>View :</p>

<pre><code>Sous-secteur Clarder : @Html.DropDownList("ClarderSousSecteurID", "---  Tous  ---")
</code></pre>

<p>Controler :</p>

<pre><code>var data = from p in db.tblUSUAs
                       join f in db.tblClarderSousSecteur
                       on p.ClarderSousSecteurID equals f.ClarderSousSecteurID
                       select new
                       {
                           ClarderSousSecteurID = p.ClarderSousSecteurID,
                           ClarderSousSecteurLibelle = f.ClarderSousSecteurLibelle
                       };
            ViewBag.ClarderSousSecteurID = new SelectList(data.Select(a =&gt; a.ClarderSousSecteurID).Distinct().Select(c =&gt; new { ClarderSousSecteurID = c, ClarderSousSecteurLibelle = c }), "ClarderSousSecteurID", "ClarderSousSecteurLibelle", ClarderSousSecteurID);
</code></pre>

<p>Thank you very much.
Nacer T.</p>