我怎麼能在@Html.DropDownList中選擇一個值在MVC3

Question

我有這段代碼，我怎麼能得到@htmlDropDownList的選定值來把這個值放在我的@ Url.Action中而不是，我已經使用javascriptØjQuery的閱讀，但我無法弄清楚如何可以在視圖中直接做的，這是不工作我

var idempresa = $('IdEmpresa').val() 
<a href="@Url.Action("List","Script")?idempresa=**idempresa**" 

代碼：

@using (Html.BeginForm()) 
{ 
    @Html.ValidationSummary(true) 
    <fieldset> 
     <legend>Script</legend> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.IdEmpresa, "Empresa") 
     </div> 
     <div class="editor-field"> 
      @Html.DropDownList("IdEmpresa", String.Empty) 
      @Html.ValidationMessageFor(model => model.IdEmpresa) 
     </div> 
    </fieldset> 


} 


    href="@Url.Action("List","Script")?idempresa=**1**" 

PD。感謝你的幫助

編輯：

@using System.Web.Mvc.Html 
@model SistemaDispositivos.Models.Script 

@{ 
    ViewBag.Title = "Script"; 
} 

<h2>Script</h2> 
<script src="../../Scripts/jquery-1.6.2.min.js" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 

@using (Html.BeginForm()) 
{ 
    @Html.ValidationSummary(true) 
    <fieldset> 
     <legend>Script</legend> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.IdEmpresa, "Empresa") 
     </div> 
     <div class="editor-field"> 
      @Html.DropDownList("IdEmpresa", String.Empty) 
      @Html.ValidationMessageFor(model => model.IdEmpresa) 
     </div> 
    </fieldset> 
} 

<script type="text/javascript" language="javascript"> 
    $(document).ready(function() { 
     var url1 = '@Url.Action("List","Script")?idempresa='; 
     $('IdEmpresa').change(function() { 
      $urlId = $('urlid'); 
      $urlId.attr('href', url + $(this).val()); 
     }); 
    }); 

</script> 


<a id="urlid" href="@Url.Action("List","Script")?idempresa=url1"> </a> 

什麼IAM缺失？

Answer 1

以及它的工作，現在這就是我想要的幫助感謝：在div利斯塔腳本

@using (Html.BeginForm()) 
{ 
    @Html.ValidationSummary(true) 
    <fieldset> 
     <legend>Script</legend> 
     <div class="editor-label"> 
      @Html.LabelFor(model => model.IdEmpresa, "Empresa") 
     </div> 
     <div class="editor-field"> 
      @Html.DropDownList("IdEmpresa", string.Empty ) 
      @Html.ValidationMessageFor(model => model.IdEmpresa) 
     </div> 
    </fieldset> 
} 

<script type="text/javascript" language="javascript"> 
    function valid() { 
     var listaScriptUrl = '@Url.Action("List", "Script", new { idempresa = 0})'; 
     var input = $('#IdEmpresa').val(); 
     $('#Lista-Script').load(listaScriptUrl.replace('0', input)); 
    } 
</script> 

<input type="button" value="Click Here" onclick="valid()"> 

<div id="Lista-Script"> 

</div> 

所以現在當我按一下按鈕，我得到我的看法，我想

Answer 2

該視圖將呈現HTML，因此您無法獲取下拉列表的選定值並將其放回已在服務器端執行的視圖的變量。你可以做的就是在標籤上添加一個id並更新下拉菜單的變化事件的href。

$(document).ready(function(){ 
    $('IdEmpresa').change(function(){ 
     var val = $(this).val(); 
     var newurl = $("urlid").attr("href") + val; 
     $("urlid").attr("href",newurl); 
    }); 
}); 

<a id="urlid" href="@Url.Action("List","Script")?idempresa="> </a> 

Answer 3

我會盡可能接近Bipins的貼子，只有一個例外。

<fieldset> 
    <legend>Script</legend> 

    <div class="editor-label"> 
     @Html.LabelFor(model => model.IdEmpresa, "Empresa") 
    </div> 
    <div class="editor-field"> 
     @Html.DropDownList("IdEmpresa", *This needs to be a list of ListItems*, new { id = "idEmpresa" }) 
     @Html.ValidationMessageFor(model => model.IdEmpresa) 
    </div> 
</fieldset> 

$(document).ready(function() 
{ 
    var url = '@Url.Action("List","Script")?idempresa='; 
    $('#idEmpresa').change(function() 
    { 
     $urlId = $('urlid'); 
     $urlId.attr('href', $urlId.attr('href') + $('this').val()); 
    } 
}); 

通過將原始URL緩存到js變量中，您始終擁有一個乾淨的石板以附加到。