C#Web开发MVC下拉框Select选择

在MVC视图cshtml中可以引入html代码，所以也可以也一个Select的下拉框，但是cshtml又不同于纯html代码，在cshtml中可以写Razer语法，可以处理一些强类型视图传值，Model传值。对于一些列表只需要展示它的Value不需要展示它的Key。就可以通过下拉列表实现。

一个简单的例子：

代码：

<td>
      <select name="select" onchange="selectcity()">
          <option value="0">---请选择---</option>
          @{
              foreach (SHOP.Model.Style s in lstStyle)
              {
                  <option value=@s.ID>@s.StyleName</option>
              }
           }
       </select>
       @Html.Hidden("style")
       <input type="submit" value="确定" class="scbtn" onclick="return getValue()" />
</td>

@Html.Hidden("style")等同于<input id="style" name="style" type="hidden" value="">方便POST传值，把点击的select的value传入回id为style的input标签中。

JS代码:

<script>
        function getValue() {
        var ID = $('select option:selected').val();
        $("#style").val(ID);
        if (ID==0)
        {
            alert("请选择类别")
            return false;
        }
        return confirm('确定操作？');
        }
</script>

点击确定进行表单验证，获取选择框的选择的id，由于默认是---请选择---当你没选择时value=0，这样就可以简单的判断用户是否选择了下拉框里的内容。