1

私は次の方法で試しました.これはフォームに非表示の入力を動的に追加するのに問題ありません.しかし、その非表示の入力フィールドをコントローラーアクションで使用して、ブラウザで動的に追加された画像をレンダリングする作業をさらに行うにはどうすればよいですか.

JQuery Append メソッド:

<script type="text/javascript">
       var alts = "";
       var n = 65;

       $(document).ready(function () {
           $(function () {
               $("#selectable_images img").click(function () {
                   var $this = $(this);
                   //                      alts = $(this).attr("alt");
                   // alert(alts);
                   if ($this.hasClass('selected')) {
                       $("#" + this.rel).attr('checked', false);
                       $this.removeClass('selected');
                       // $("#postform").remove("");
                       //$("input[type='hidden']").remove();

                       //$('input[type="hidden"][value="' + alts + '"]').remove();
                       alts = $(this).attr("alt");

                       var ref = "#";
                       ref += alts.toString();
                       alert(ref);
                       $(ref).remove();

                   } else {
                       $("#" + this.rel).attr('checked', true);
                       $this.addClass('selected');
                       alts = $(this).attr("alt");
                       alert(alts);
                       charPos++;

                       $("#postform").append("<input type='hidden' id='" + alts.toString() + "' value='" + n.toString() + "'/>");
                       n++;
                   }
               })
           })
       });
</script>

画像タグ:

<div class="selected" id="selectable_images">
    <table>
        <tr>
            <td>
                <img src="../../Images/wi0096-48.gif"  alt="Image1" class="conversation_img"/>
            </td>
            <td>
                <img src="../../Images/down.png"  alt ="image1"/>
            </td>
            <td>
                <img src="../../Images/wi0054-48.gif" alt="Image2" />
            </td>
            <td>
                <img src="../../Images/Photo-icon.png" alt="image3" />
            </td>

</div>

形:

@using (Html.BeginForm("MapIcon","test", FormMethod.Post,new { id = "postform" }))
{   
    <input type="submit" value="Match"/>
}
4

1 に答える 1