0

こんにちは、MVC musicstore のチュートリアルに基づいて、MVC 電子商取引サイトでペイパル ボタンを使用しようとしています。データベースから特定のデータを読み込んでいるので、サイトの各カテゴリにドロップダウン メニューを備えた単一のボタンが必要です。教科書カテゴリがアップしているときに 1 つのボタンを非表示にし、ステーショナリー カテゴリがアップしているときに再び表示する方法を知りたいので、いつでもそのカテゴリの特定のボタンだけが表示されるようにします。したがって、基本的に、ビューが教科書のカテゴリを参照するように指示するときは、教科書のボタンのみを表示する必要があります。私のコードは次のとおりです

店舗コントローラー:

  public ActionResult Browse(string category)
    {
        // Retrieve Category and its Associated Products from database
        var categoryModel = storeDB.Categories.Include("Products")
        .Single(c => c.Name == category);

        return View(categoryModel);


    }

ブラウズ ビュー:

@model WholeschoolStore3.Models.Category

@{
ViewBag.Title = "Browse Categorys";
}

<div class="product">
<h3><em>@Model.Name</em> Products</h3>

<ul id="Product-list">
    @foreach (var product in Model.Products)
    {
        <li>
            <a href="@Url.Action("Details", new { id = product.ProductId })">
                <img alt="@product.ProductName" src="@product.ProductUrl" />
                <span>@product.ProductName</span>
            </a>
        </li>
    }
</ul>                                                                                                                                                                                                      
<form target="paypal" action="" method="post">
<input type="hidden" name="cmd" value="_s-xclick"/>
<input type="hidden" name="hosted_button_id" value=""/>
School Books<select name="os0">
<option value="History Book">History Book €38.99 EUR</option>
<option value="Biology Book">Biology Book €34.99 EUR</option>
<option value="Math Book">Math Book €39.99 EUR</option>
<option value="Geography Book">Geography Book €34.99 EUR</option>
<option value="Business Studies Book">Business Studies Book €37.99 EUR</option>
</select>
<input type="hidden" name="currency_code" value="EUR"/>
<input type="image" src=""  
 width="1" height="1"/>
<img alt="" border="0" src=""    
 width="1" height="1"/>


</form>
<form target="paypal" action="" method="post">
<input type="hidden" name="cmd" value="_s-xclick"/>
<input type="hidden" name="hosted_button_id" value=""/>
<input type="hidden" name="on0" value="Stationary"/>Stationary<select name="os0">
<option value="Pencil">Pencil €0.49 EUR</option>
<option value="Pen">Pen €0.89 EUR</option>
<option value="A4 Refill pad">A4 Refill pad €3.99 EUR</option>
</select> 
<input type="hidden" name="currency_code" value="EUR"/>
<input type="image" src=""
border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"/>      
<img alt="" border="0" src=""  
 width="1" height="1"/>
</form>



</div>

いくつかの投稿を試しましたが、探しているものが見つかりませんでした

どんな助けでも大歓迎です 事前に感謝します

4

2 に答える 2

0

問題を整理する方法を見つけました。divを追加して非表示にし、クリックするとdivが表示されるチェックボックスを追加しました。コードは次のとおりです。

 <script  type="text/javascript">
         $(function () {
             $('#ShowHideMe').hide();
             $('#myCheckbox').change(function () {
                 $('#ShowHideMe').toggle($(this).is(':checked'));
             });
         });
</script>

     <input type="checkbox" id="myCheckbox"/>SchoolBooks
<div id="ShowHideMe">                                                                                                                                                                                                    
   //form code here
</div>    
<br />

   <script  type="text/javascript">
       $(function () {
           $('#ShowHideMe1').hide();
           $('#myCheckbox1').change(function () {
               $('#ShowHideMe1').toggle($(this).is(':checked'));
           });
       });
 </script>

     <input type="checkbox" id="myCheckbox1"/>Stationary
 <div id="ShowHideMe1">
      //form code here
 </div>

回答してくれた人に助けてくれてありがとう

ところで、他のアカウントのパスワードを紛失したため、新しいパスワードを作成する必要があったため、別のユーザーとして返信しています

于 2013-06-04T12:52:54.623 に答える
0

You can achieve it using jquery/javascript. On the basis of option selected you can hide and show any button you want .

Please refer the example. In this example button will hide if you select the option Pen €0.89 EUR in rest of the cases it will show

        <!DOCTYPE html>
        <html>
        <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
        </script>
        <script>
        $(document).ready(function(){

        $("select").change(function () {
          $("select option:selected").each(function () {
                if ($(this).text()=='Pen €0.89 EUR' )
                   $("#btnGo").hide();
                else
                   $("#btnGo").show();
              });
        })
        .trigger('change');
        });
        </script>
        </head>
        <body>

        <select name="os0">
        <option value="Pencil">Pencil €0.49 EUR</option>
        <option value="Pen">Pen €0.89 EUR</option>
        <option value="A4 Refill pad">A4 Refill pad €3.99 EUR</option>
        </select> 
        <input id="btnGo" type="button" value="Hi" />
        </body>
        </html>

Also your html has some problem first select is closed before the option is begin it should be like 

School Books<select name="os0">
<option value="History Book">History Book €38.99 EUR</option>
<option value="Biology Book">Biology Book €34.99 EUR</option>
<option value="Math Book">Math Book €39.99 EUR</option>
<option value="Geography Book">Geography Book €34.99 EUR</option>
<option value="Business Studies Book">Business Studies Book €37.99 EUR</option>
</select>
于 2013-05-27T11:23:00.107 に答える