2016-04-19 12 views
0

私は、私の合計ec2インスタンスのリストを取り込むモーダルの内部にフォームを持っています。私は最初の1つの値に2番目のドロップダウンを調整しようとしているので、2番目のドロップダウンではインスタンスの相対的なボリュームが見えます。剃刀の変数をドロップダウンの値に設定する

<form action="/S3/AttachVolume/" method="POST"> 
    <div class="form-group"> 
     <p>Please double check the ids of your instance and volume</p> 
      <label for="instanceId">InstanceId:</label> 
      <select class="form-control text-center" name="instanceId" id="instances" style="margin: 0 auto"> 
      @for (var i = 0; i <= totalcount - 1; i++) 
      { 
       foreach (var instances in Model.instances.Reservations[i].Instances) 
       { 
        <option>@instances.InstanceId</option> 
       } 
      } 
      </select> 
      <label for="type">Volume Id:</label> 
      <select class="form-control text-center" name="volumeId" id="volumeId" style="margin: 0 auto"> 
      @foreach (var volume in @*aboveinstance*@.BlockDeviceMappings) 
      { 
       <option>@volume.DeviceName</option> 
      } 
     </select> 
    </div> 
    <div class="modal-footer"> 
     <button type="submit" class="btn btn-danger btn-lg" style="width: 100%;"><span class="glyphicon glyphicon-ok-sign"></span> Detach</button> 
    </div> 
</form> 

は、私が選択秒でそれをループスルーすることができますので、VARに似た変数の内側にするinstanceId <select>の値を格納することが可能ですか?参照var instanceため

が、これはAWS SDK

+0

最初のドロップダウンでオプションを選択するのはクライアント側で行われるため、最初のドロップダウンからの選択に基づいて2番目のdropdownのデータを取得するにはajaxを使用する必要があります。 [この記事を投稿](http://stackoverflow.com/questions/36577597/how-to-update-dropdownlistfor-selectlist-with-jquery) – Shyju

+0

あなたが望むのは、ドロップダウンリストをカスケード接続することです。例については、[このDotNetFiddle](https://dotnetfiddle.net/1bPZym)を参照してください。 –

答えて

0

カミソリで作業するとき、私はリソースを見つけるには、.NETやカミソリとそのハードに新しいです明らかである場合enter image description here

申し訳ありませんが、以下のデータが含まれているビューをレンダリングサーバー側では、ユーザーが行うことができるクライアント側の変更についてはわかりません。

の後に、選択変更など、JavaScriptを使用して処理する必要があります.AngularJsのようなフレームワークを使用すると、作業がはるかに容易になります。

Javascript関数は、選択値が変更されるたびに、他のコントロールを再設定するために必要なデータを取得するたびにサービスを呼び出します。

関連する問題