• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage zur Wertübergabe Auswahlliste -> Textfeld

K

Kulle

Neues Mitglied
Schönen Guten Tag liebe User,

ich bin Frischling in der Html Welt und habe zu Formularen eine Frage.
Ich möchte aus einem Auswahlfenster das "value" in ein Textfeld übertragen.

Beispiel:
....
<option value="1234"> Schwarz, Christian</option>
<option value="2345"> Krüger, Hans</option>
.....
das Value jedes einzelnen aus der Auswahlliste soll entsprechend in ein separates Textfeld direkt unter der Auswahlliste übertragen werden.

also, wenn ich "Schwarz, Christian" ausgewählt habe soll im unteren Textfeld "1234" stehen.

Welche Funktion wird hierzu benötigt?
Und ist es Möglich ohne JS oder php dies zu realisieren?
Die Seite selbst soll offline bleiben.

würde mich sehr über eine Antwort freuen.

mit freundlichen Grüßen
kulle
 
Paar Zeilen HTML und JavaScript
HTML: 
<div ng-app="myApp">
  <form ng-controller="AppController as vm">
    <select ng-model="vm.selectedItem" ng-options="value.name for (index, value) in vm.items"></select><br>
    <input type="text" value="{{vm.selectedItem.val}}">
  </form>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-0/angular.js"></script>
<script>
  angular.module('myApp', [])
    .controller('AppController', [function(){
      this.items = [
       { name: 'Foo', val: 22 },
       { name: 'Bar', val: 33 },
       { name: 'Baz', val: 44 }
      ];
      this.selectedItem = this.items[0];
    }]);
</script>
 
Vielen Lieben Dank für die Antworten.
Das Problem des einlesen habe ich erfolgreich mittels Javascript lösen können.

Wie Oben schon geschrieben, handelt es sich bei meiner offline Seite um ein Formular.

Dieses hat den zweck, Mitarbeiter Berichte schreiben zu lassen und Sie genau zu identifizieren.

Nachdem die Berichte fertig geschrieben sind, sollen alle relevante Daten (aus den Auswahllisten und Textfeld) in eine .csv-Datei mittels eines Absende-Buttons schreibgeschützt abgespeichert werden.

d.h

Dienstart, Mitarbeiter, Personalnummer, Kategorie sowie der geschriebene Bericht.

Ich hatte bereits in einen Forum gelesen, dass solche Methoden am besten mit php gelöst werden sollten (fopen(), fwrite()).

gibt es auch eine Möglichkeit mit JavaScript? Wenn Ja, welche wäre das?
 
In Datei speichern ist schlecht. Trage sie lieber in eine Datenbank ein. Dafür gibt es aber keine fertige Funktion, sondern du musst dich schon mit Grundlagen der Formularverarbeitung im Zusammenhang mit Scriptsprachen und Datenbanken auseinandersetzen. Oder alternativ dazu eine Anfrage in der Jobbörse stellen.
 
Guten Morgen liebe User!

Habe versucht mittels php eine Lösung zu finden.
Allerdings hätte ich diesbezüglich noch einige Fragen.

Ich habe zwei Seiten aus denen Daten ausgelesen werden müssen.

1. Seite : Auswahllisten und Textfeld sollen ausgelesen werden.

HTML: 
<html>
<head>
<title>Einstellung</title>
<link rel="stylesheet" type="text/css"href="format.css">

<meta charset="utf-8">

<script>
window.addEventListener("load", function(){
document.getElementById("formular_disponent").addEventListener("change", function(event){
document.getElementById("formular_nummer").value=this.value;
});
});
</script>
</head>
<body>


<table class="einstellung_text" border="0" cellspacing="0">
<tr class="einstellung_hintergrund_grau">
<th col width="500" height="50">
Datum:
</th>
<th col width="500" height="50">
<script type="text/javascript">
var Jetzt = new Date();
var Tag = Jetzt.getDate();
var Monat = Jetzt.getMonth() + 1;
var Jahr = Jetzt.getYear();
var Stunden = Jetzt.getHours();
var Minuten = Jetzt.getMinutes();
var NachVoll = ((Minuten < 10) ? ":0" : ":");
if (Jahr < 2000)
Jahr = Jahr + 1900;
document.write(Tag + "." + Monat + "." + Jahr + "<\/b>");
<!--; " + Stunden + NachVoll + Minuten + " Uhr<\/b>");-->
</script>
</th>
</tr>


<tr class="einstellung_hintergrund_blau">
<th col width="500" col height="50">
Dienstart:
</th>
<th col width="500" col height="50">
<form action="select.htm">
<select class="Auswahl_dienstart" name="dienstart" size="1">
<option value="" select>Bitte w&auml;hlen</option>
<option value="Früh">Fr&uuml;h</option>
<option value="Mittel">Mittel</option>
<option value="Spät">Sp&auml;t</option>
</select>
</form>
</th>
</tr>



<tr class="einstellung_hintergrund_grau">
<th col width="500" col height="50">
Disponent:
</th>
<th col width="500" col height="50">
<form action="select.htm">
<select class="Auswahl_disponent" name="disponent" id="formular_disponent" size="1">
<option value="" select>Bitte w&auml;hlen</option>
<option value="1234">Albrecht, Jens</option>
<option value="2345">Bracht, Michael</option>
<option value="3456">Coburg, Harry</option>
</select>
</form>
</th>
</tr>



<tr class="einstellung_hintergrund_blau">
<th col width="500" col height="50">
Personalnummer:
</th>
<th col width="500" col height="50">
<form >
<input class="autoPerso" name="Personalnummer" id="formular_nummer" readonly="readonly"></p>
</form>
</th>
</tr>
<tr class="einstellung_hintergrund_grau">
<th col width="500" col height="50">
Kategorie:
</th>
<th col width="500" col height="50">
<form action="select.htm">
<select class="Auswahl_kategorie" name="kategorie" size="1">
<option value="" select>Bitte w&auml;hlen</option>
<option value="Unfall">Unfall</option>
<option value="Krankschreibung">Krankschreibung</option>
<option value="Beschwerde">Beschwerde</option>
<option value="Allg. Information">Allg. Information</option>
<option value="Weiterführung">Weiterf&uuml;hrung</option>
<option value="sonstige Anmerkung">sonstige Anmerkung</option>
</select>
</form>
</th>
</tr>



</table>

</body>
</html>

2. Seite : Hier soll das Eingabefeld/Textfeld ausgelesen werden.

HTML: 
<html>
<head>
<title>Bericht</title>
<link rel="stylesheet" type="text/css"href="format.css">
</head>

<body class="bericht_hintergrund">

<div class="bericht_position">
<table border="0" cellspacing="0" >

<tr>
<div class="bericht_ueberschrift">
Bericht:
</div>
</tr>

<tr>
<div class="bericht_textarea_position">
<form action="textarea.htm">
<textarea class="bericht_text" name="user_eingabe" cols="75" rows="15" ></textarea>
</p>
</form>
</div>
</tr>

</table>
</div>

</body>
</html>

Und zuletzt mein geschriebener php code ....
PHP: 
<?php
$dz = fopen("c:\\Users\\User_B\\Desktop\\history.csv", "a");
if(!$dz)
{
echo "Datei konnte nicht zum Schreiben geöffnet werden.";
exit;
}
fputs($dz,$_POST["dienstart"].";".$_POST["disponent"].";"
.$_POST["Personalnummer"].";".$_POST["kategorie"].";"
.$_POST["user_eingabe"].";\n");
echo "Ihre Eingaben wurden gespeichert.";
fclose($dz);
?>


Meine Fragen wären nun:

1. Ist der php Code auf den ersten Blick plausibel bzw. korrekt?
2. wo muss ich den php code einfügen ?
3. Muss ich für die 2. HTML seite den php-code einfügen? also die Datei zum reinschreiben öffnen etc.? Oder Reicht es den Code in der ersten Html-Seite einzubetten.

Sorry für die evtl. etwas dummen fragen, bin noch ein blutiger Anfänger und würde mich riesig über Antworten freuen :-).
 
Hallo Arne ,
Danke für deine Antwort. Aber ehrlich gesagt hilft mir die nicht gerade weiter.

was spricht denn gegen die eigentliche Funktion fputs() zu fputcsv()?
fputs() erledigt doch die gleiche Aufgabe, oder?

Und die anderen beiden Fragen sind leider noch offen :-/.

Gruß kulle
 
Hallo,

Kulle schrieb:
Aber ehrlich gesagt hilft mir die nicht gerade weiter.
Zum Vergrößern anklicken....
Kulle schrieb:
was spricht denn gegen die eigentliche Funktion fputs() zu fputcsv()?
Zum Vergrößern anklicken....
fgetcsv() und fputcsv() sind extra für CSV gemacht, das sollte man nutzen...

Kulle schrieb:
Und die anderen beiden Fragen sind leider noch offen :-/.
Zum Vergrößern anklicken....
Sorry, wenn ich bei Tipps zu passenden Funktionen auf Resistenz á la "Warum soll ich das anders machen?" stosse, empfinde ich die weiteren Fragen nicht als relevant.

Gruß Arne
 
nein, auf Resistenz stößt du bei mir da nicht.
Ich hatte lediglich auf einer Webseite gelesen das fputs() für diese art von Auslesung (csv) passend ist.
Daher war ja auch meine Frage

Kulle schrieb:
was spricht denn gegen die eigentliche Funktion fputs() zu fputcsv()?
fputs() erledigt doch die gleiche Aufgabe, oder?
Zum Vergrößern anklicken....
.


Werde mich Jetzt mal mit der fgetcsv() und fputcsv() Methode auseinandersetzen, danke.

gruß kulle
 
fputcsv kannst Du bspw. den Delimiter usw. gleich mit auf den Weg geben und brauchst das nicht alles über Konkatination zusammenpuhlen...
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben