如何获取fropdownList的选定值并将其发送到控制器

时间:2014-05-06 13:53:35

标签: asp.net-mvc

我的一个观点中有这段代码。

而不是用于测试的硬编码,

selectedProduct =" +"债券"

我需要 selectedProduct =" + SelectedValueFromTheDropDownList

如何获取所选值? 事先提前

<div class="Left Width50Perc" style="display: inline">
    <select id="searchForBondsSelect">
         <option value="Bonds">Bonds</option>
         <option value="Stocks">Stocks</option>
         <option value="Funds">Funds</option>
         <option value="ETFS">ETFs</option>
     </select>
</div>

<div class="Right  Width50Perc">
    <div class="Left FilterTooltip" style="display: inline">
        @CommonHelpers.AutoCompleteTextBox("/st/searchlist?partialString={0}**&selectedProduct=" +  "Bonds"**, InputClass: "TextBox2 Data10 AutoCompleteTextBox", Watermark: "Enter a value")
    </div>
</div>*

1 个答案:

答案 0 :(得分:0)

我在Thereader的帮助下管理。

我尝试了一种不同的新代码方法。

<div class="Left Width50Perc" style="display: inline">
    <select id="searchForBondsSelect" class="selectedValue">
        <option value="Bonds">Bonds</option>
        <option value="Stocks">Stocks</option>
        <option value="Funds">Funds</option>
        <option value="ETFS">ETFs</option>
    </select>
 </div>

<script>
    $(".selectedValue").select(
        {
            select: function (event, ui) {
                $(".selectedValue").val(ui.select.val);
                $.ajax({
                    url: "/searchtool/st/GetProductType",
                    data: { productType: ui.select.val },
                    async: true,
                    type: "POST",

                })
            }
        });
</script>

然后TheReader提出了这个建议。再次感谢。

<script>

    $(".selectedValue").change(function() {
         $.ajax({
             url: "/searchtool/st/GetProductType",
             data: { productType: $(this).val() },
             async: true,
             type: "POST",
         })
    });
     </script>