2

私の見解では、2つのボタンでフォームの3つの非表示フィールドにデータを入力して送信します。それは機能していません、そして私は理由を知ることができません。何か案は？

私は次のコードを持っています：

<script language="javascript" type="text/javascript">
    function FillAndSubmit(thisid) {
        $('input[name=First]').val(thisid);
        $('input[name=Second]').val(@Model.ID);
        $('input[name=Third]').val(@ViewBag.Something);
        document.form.submit();
    }
</script>

目に見えないフィールドを持つフォームがあります：

@using (Html.BeginForm(null, null, FormMethod.Post, 
                       new { name = "form", id = "form" }))
{
    @Html.Hidden("First")
    @Html.Hidden("Second")
    @Html.Hidden("Third")
}

そして2つのボタン：

<button class="Button" id="ButtonA" onclick="javascript:FillAndSubmit(this.id);">
    CaptionA
</button>
<button class="Button" id="ButtonB" onclick="javascript:FillAndSubmit(this.id);">
    CaptionB
</button>

フォームのスコープ内にボタンを配置すると、非表示のフィールドに入力せずに送信されます。つまり、関数を呼び出しているだけではありません。Javascriptは、同じアプリケーションの他のページで機能しています。

追加した：

生成されたソース：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Title</title>
    <link href="/Content/Site.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script src="/Scripts/modernizr-1.7.min.js" type="text/javascript"></script>
</head>

<body>
    <script language="javascript" type="text/javascript">
        function Botao(thisid) {
            $('input[name=First]').val(thisid);
            $('input[name=Second]').val(41); 
            $('input[name=Third]').val(10/5/2012 1:58:02 PM);
            document.form.submit();
        }
</script>

...
Some div's with some text
...


<form action="/Controller/Action/" id="form" method="post" name="form"><input id="First" name="First" type="hidden" value="" /><input data-val="true" data-val-required="The DateTime field is required." id="Second" name="Second" type="hidden" value="10/5/2012 1:58:02 PM" /><input id="Third" name="Third" type="hidden" value="" /></form>        
    <button class="Button" id="ButtonA" onclick="javascript:Botao(this.id);">
        CaptionA
    </button>

    <button class="myButton" id="ButtonB" onclick="javascript:Botao(this.id);">
        CaptionB
    </button>

    </body>
</html>
4

2 に答える 2

3

これには引用符が必要です:

$('input[name=momentoDaConsulta]').val("10/5/2012 1:58:02 PM");

于 2012-05-10T17:36:44.590 に答える
2

JQuery.val(value)は、文字列または文字列の配列のいずれかを受け入れます。and を引用符で囲み@Model.IDます@ViewBag.Something。

    $('input[name=Second]').val("@Model.ID");
    $('input[name=Third]').val("@ViewBag.Something");
于 2012-05-10T17:45:29.517 に答える