Wie man dropdown-Wert und zeigen in textbox mit jquery?

Was ich will zu tun ist, erhalten Daten aus drop-down -, und übergeben Sie die Daten an die textbox

hier ist mein dropdown und Textfeld code

    <select name="criteria_title" id="chosen_a" data-placeholder="Select Category" class="chzn_z span3 dropDownId chzn-done" style="display: none;">
        <option value=""></option>
        <option value="1" data-id="10">a</option>
        <option value="2" data-id="20">b</option>
        <option value="3" data-id="30">c</option>
        <option value="4" data-id="40">d</option>
        <option value="5" data-id="50">e</option>
   </select>



<div class=" control-group formSep template">
<label for="input01" class="control-label">Category Rate*:</label>
<div class="controls">
<input id="title" name="criteria_rate" size="30" type="text" class="criteria_rate span2" value=""  readonly="readonly" />
</div>
</div>

hier ist, wie man Daten-id aus der dropdown -

var criteria_id =  $(this).attr('data-id');

hier ist, wie die übertragung von Daten von Textfeld

$('.criteria_rate').val(criteria_id);

hier ist mein dropdown-screenshot
Wie man dropdown-Wert und zeigen in textbox mit jquery?

Irgendeine Idee, wie mein problem zu lösen?

  • Erwägen Sie, ein mock-up von dem, was Sie bereits auf jsfiddle
  • wollen Sie es geschehen ändern der select-box
  • Irgendeinem Grund für die Verwendung des Elements "name" und nicht als "id" für den Selektor? Einfach nur neugierig, wie name muss nicht eindeutig sein, aber id hat?
InformationsquelleAutor Oscar | 2013-05-17
  1. 0

    Versuchen Sie dies:-

    $('#chosen_a').change(function(){
     //get the selected option's data-id value using jquery `.data()`
      var criteria_rate =  $(':selected',this).data('id'); 
     //populate the rate.
    $('.criteria_rate').val(criteria_rate);
});

    Fiddle

    Finden .Daten()

    • danke bro ,es ist Arbeit für mich
    • ya, thanks a lot man, man, mein Leben zu retten 🙂
    • Kein problem.. Froh das hat dir geholfen...
    InformationsquelleAutor PSL
  2. 2

    Hier ist, was Sie brauchen (denke ich)

    FIDDLE

    $('#chosen_a').change(function() {
    $('#title').val($('#chosen_a option:selected').data('id'));
})
    • +1 für prägnante (und für die Alarmierung mich auf mein Fehler) 😉
    InformationsquelleAutor VVV
  3. 1

    Dies ist die am meisten einfache Weise

    $(document).ready(function () {
    $("#chosen_a").change(function () {
      $('#title').val($("#chosen_a").val());


    });

});
    • ist dies nicht der richtige Weg, um zu beantworten,dann Lesen Sie die FAQ, bevor die Beantwortung einer Frage.
    InformationsquelleAutor lamass
  4. 0

    Hier ist eine mögliche Lösung, die jquery verwendet, aber die Daten kommen über den event-Daten anstelle von jquery.Daten (beachten Sie, dass es ein paar Zeichen kürzer, es zu tun auf diese Weise 😛 )

    $("#chosen_a").on("change", function (evt) {
    $("#title").val(evt.target.selectedOptions[0].dataset.id);
});

    Zeigte auf jsfiddle

    (gab eine alternative, wie ich falsch verstanden, die Frage zunächst so, jetzt bin ich ein wenig spät mit meiner Korrektur)

    • Ich glaube nicht, dass er will return val der select-box. Beachten Sie, wie der Wert und die Daten-id unterschiedlich sind?
    • Ich appologise tun
    • Ehrliche Fehler! =)
    InformationsquelleAutor Xotic750
Schreibe einen Kommentar