在bootstrap按钮上为模型属性赋值,单击mvc

时间:2016-04-22 21:18:55

标签: twitter-bootstrap asp.net-mvc-4

我在Index.cshtml文件中有一个bootstrap按钮,如下所示:

<button type="button" id ="btnSelect" class="btn btn-default">
      Thai Restaurant
</button>   

我在我的模型类中定义了一个属性,如下所示:

    public string RestaurantID { get; set; }

现在,我想在点击“泰国餐厅”按钮后,为RestaurantID属性分配一个值为'1'。
我想在我的Index.cshtml文件本身中将值分配给RestaurantID属性。

我尝试使用以下方法。

@Html.HiddenFor(e=>e.RestaurantID)  

然后添加了JavaScript代码:

<script>
     $('#btnSelect).click(function()
      {
         document.getElementById("RestaurantID").value = '1';
      })
</script>

我也尝试使用on.(click, function()...),但即使这样做也无济于事

有没有办法做到这一点 - 在bootstrap按钮上为模型属性赋值?单击?

谢谢!

1 个答案:

答案 0 :(得分:0)

  1. 您错过了在 $('#btnSelect')
  2. 中关闭引号
  3. 从按钮标记
  4. 中删除type="button"

    $('#btnSelect').click(function(){
            alert()
      })
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <button id ="btnSelect" class="btn btn-default">
          Thai Restaurant
    </button>