2017-03-09 5 views
0

in MVC-Anwendung gesendet, i Dropdown-Liste verwenden, indem Sie JavaScript und Json,Wie DropDown verwenden, um Daten

hier ist das Skript:

//load List 
    $(document).ready(function() { 
     $.getJSON("/home/getProfiliList", function (data) { 
      $.each(data, function (i, data) { 
       $('<option>', 
        { 
         value: data.prof_cena, 
         text: data.prof_ime 
        }).html(data.prof_ime).appendTo("#profilID"); 
      }); 
     }) 
     //load price 
     $(function() { 
      $("[name='profilID']").on("change", function() { 
       $("#pr_cena").val($(this).val()); 
      }); 
     }); 
    }); 

jetzt, wenn ich Form zur Datenbank zu diesem Zeitpunkt senden speichern als Wert des Preises. Auch ich brauche Wert des Preises, weil, wenn sich etwas vom Listenpreis automatisch entscheidet.

Wie mit diesem Skript möglich ist profilID als Text zu senden, um dieses Skript enthalten

hier ist der Code von DropDown:

<select name="profilID" id="profilID"> 
     <option value="">- LIST -</option> 
    </select> 

Antwort

0

standardmäßig, wenn Sie das Formular zurück Post wird es den Wert senden die ausgewählte Option auf dem ausgewählten Element. Setzen Sie dies auf den Wert, dh den Text, den Sie zurücksenden möchten. Um den Preis zu erhalten, können Sie beim Erstellen der Optionen ein Datenattribut zum Speichern des Preises hinzufügen, das Sie dann in Ihrer Ladepreisfunktion wie

erhalten würden
$("#pr_cena").val($(this).find(":selected").data('price')); 

wo Ihre Optionen aussehen würden wie

<option value="Text" data-price="10.00">Text</option> 

die andere Alternative wäre eine eigenen einreichen Handler für das Formular erstellen und die Formulardaten für diesen Wert von profilID ändern.

Verwandte Themen