Wie nur Namen in Eingabefeld aber Namen und die Nummer in Dropdown-Liste im Auswahlelement

Html5 select-Element sollte zeigen:Wie nur Namen in Eingabefeld aber Namen und die Nummer in Dropdown-Liste im Auswahlelement

anzeigen Account-Name und Nummer in Dropdown-Liste.
Wenn Konto ausgewählt ist, nur die Nummer in Feld angezeigt sollte
Nummer sollte

Ich habe versucht, Code unten in Chrome. Nach Auswahl von 13111 Receiveables wird 13111 Receiveables im Eingabefeld angezeigt.

Wie Sie dies beheben, so dass nach der Auswahl von 13111 Receiveables nur Accont Nummer 13111 im Feld angezeigt wird?

Bootstrap 3, jquery, jquery-ui, ASP.NET MVC4 mit Razor-View-Engine verwendet werden.

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
</head> 
<body> 
    Account number: 
    <select> 
     <option label='' value=''></option> 
     <option value='13111' label='13111 Receiveables'>13111</option> 
    </select> 
</body> 
</html>

Quelle

2016-03-26 Andrus

I @arsho modifizierte ‚S-Code

Ich glaube, Sie wurden für diese Suche:

HTML:

<body> 
    <br> Account number: 
    <select id="account_select"> 
     <option id="optId" label='' value=''></option> 
     <option value='13111' label='13111 Receiveables'>13111</option> 
    <option value='13112' label='13112 Receiveables'>13112</option> 
    <option value='13113' label='13113 Rssseceiveables'>13113</option> 
    </select> 
</body>

JS:

$(document).ready(function() { 
    $("#account_select").on("change", function() { 
    $this_value = $(this).val(); 

    $("#optId").text($this_value); 
    $("#optId").attr("selected",true); 


    }); 

});

hoffe, es hilft ...

Quelle

2016-03-26 10:00:46 Sean

Ändern Sie den HTML als:

<body> 
     <input placeholder="Account number will be shown upon selection" type="text" id="account_number" /> 
     <br> Account number: 
     <select id="account_select"> 
      <option label='' value=''></option> 
      <option value='13111' label='13111 Receiveables'>13111</option> 
     </select> 
    </body>

In jQuery fügen Sie den folgenden Code-Schnipsel:

$(document).ready(function() { 
     $("#account_select").on("change", function() { 
     $this_value = $(this).val(); 
     $("#account_number").val($this_value); 
     }); 
    });

live sehen codedpen http://codepen.io/arsho/pen/GZErBL

Quelle

2016-03-26 09:03:30 arsho

Dies erfordert separate Felder zur Dateneingabe und Datenanzeige. Der Bildschirm ist klein und es gibt viele solcher Auswahlelemente. Eine doppelte Anzahl von Elementen zur Dateneingabe ist nicht möglich. Wie benutze ich ein einzelnes Feld und vorzugsweise ohne Javascript? – Andrus

Wie nur Namen in Eingabefeld aber Namen und die Nummer in Dropdown-Liste im Auswahlelement

Antwort

Verwandte Themen