2016-01-08 161 views
-2

我有以下形式檢索模型屬性值

@model project_name.Models.AddNewProduct  

<h4>Add New Product</h4>  

@using (Html.BeginForm()) 
{ 
    @Html.AntiForgeryToken() 

    <div class="form-horizontal">     
       @Html.LabelFor(model => model.Product_ID, htmlAttributes: new { @class = "control-label col-md-2" }) 
      <div class="col-md-10"> 
       @Html.TextBoxFor(model => model.Product_ID, new { @class = "form-control" }) 
      </div> 
    </div> 

    <div class="form-group"> 
     <div class="col-md-offset-2 col-md-10"> 
      <input type="submit" value="Create" class="btn btn-default" /> 
     </div>    
    </div> 
} 

我想使用jQuery或JavaScript

的,我只是跟着象下面

@model project_name.Models.AddNewProduct  

<h4>Add New Product</h4>  

@using (Html.BeginForm()) 
{ 
    @Html.AntiForgeryToken() 

    <div class="form-horizontal">     
       @Html.LabelFor(model => model.Product_ID, htmlAttributes: new { @class = "control-label col-md-2" }) 
      <div class="col-md-10"> 
       @Html.TextBoxFor(model => model.Product_ID, new { @class = "form-control" }) 
      </div> 
    </div> 

    <div class="form-group"> 
     <div class="col-md-offset-2 col-md-10"> 
      <input type="submit" value="Create" class="btn btn-default" /> 
     </div> 
     <div id="testid" class="col-md-offset-2 col-md-10" > 
      <input type="button" value="Test" class="btn btn-default" /> 
     </div>   
    </div> 
} 

然後辦法得到這個模特屬性in javascipt

<script type="text/javascript"> 

    $(document).ready(function() { 

     var sampleID; 

     $("#Product_ID").keyup(function() { 
      sampleID = $('#Product_ID').val();    
     }); 

     $('#testid').click(function() { 
      alert(sampleID); 
     }); 
    }); 

</script> 

但看起來這是不是最佳的辦法我,keyup 感激,如果能提出好辦法駿馬出

+1

哪些錯誤只用'$( '#testid')點擊(函數(){警報($( '#PRODUCT_ID')VAL());}'但什麼是'ID的元素=「testid」'? –

+0

@StephenMuecke這樣的方式,但有沒有任何函數來獲得該值沒有'.click()'? – kez

+0

不知道你想達到什麼 - 你可以例如使用'$(「#Product_ID 「).change(function(){alert($(this).val());})'每次用戶更改該值時顯示警報(並且退出控件) –

回答

0

後一旦得到這些值可以使用$('#Product_ID').val()象下面這樣的#testid點擊事件得到#Product_ID值。

$('#testid').click(function() { 
    alert($('#Product_ID').val()); 
}); 
+0

單獨一個代碼塊並不能提供很好的答案。請添加解釋(爲什麼它解決了問題,錯誤在哪裏等...) –

+0

是否有任何函數可以在不使用'.click()'的情況下獲取該值? – kez

+0

只需使用$('#Product_ID')。val()'你想要的值。 @kez – Azim

0

由於您使用的剃鬚刀,那麼你可以用@直接得到它的jQuery像這樣:

$(function() { 
    var sampleID = "@Model.Product_ID"; 
}); 
0

它看起來像你的JS一個錯字。把它改成keyup。

這應該按預期工作。

$("#Product_ID").keyup(function() { 
    sampleID = $('#Product_ID').val();alert(sampleID);  
    //or you can use 
    alert($(this).val()); 
}); 
0

該模型是唯一的服務器端。如果你需要對視圖中的值做些什麼,你可以像處理普通的HTML頁面和JavaScript一樣處理它。

如果要抓取輸入字段的值,請使用焦點丟失時觸發的模糊事件。 。

$("#Product_ID").blur(function() { 
    alert("Handler for .blur() called."); 
});