Frage zur Wertübergabe Auswahlliste -> Textfeld

Kulle · 19 April 2016

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

jakestyler · 19 April 2016

Ohne JavaScript ist es nicht möglich, aber JavaScript kannst du trotzdem offline nutzen.

Tronjer · 19 April 2016

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>

Kulle · 20 April 2016

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?

Tronjer · 20 April 2016

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.

Kulle · 26 April 2016

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 :-).

Arne Drews · 26 April 2016

Hallo,

Dafür gibt es fputcsv() und mit ein wenig Vorarbeit macht das file_put_contents() in Verbindung mit dem Parameter FILE_APPEND ebenso elegant.

Gruß Arne

Kulle · 27 April 2016

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

Arne Drews · 27 April 2016

Hallo,

Kulle schrieb:
Aber ehrlich gesagt hilft mir die nicht gerade weiter.

Kulle schrieb:
was spricht denn gegen die eigentliche Funktion fputs() zu fputcsv()?

fgetcsv() und fputcsv() sind extra für CSV gemacht, das sollte man nutzen...

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

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

Kulle · 27 April 2016

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?

.

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

gruß kulle

Arne Drews · 27 April 2016

fputcsv kannst Du bspw. den Delimiter usw. gleich mit auf den Weg geben und brauchst das nicht alles über Konkatination zusammenpuhlen...

Frage zur Wertübergabe Auswahlliste -> Textfeld

Kulle

Neues Mitglied

jakestyler

Mitglied

Tronjer

Senior HTML'ler

Kulle

Neues Mitglied

Tronjer

Senior HTML'ler

Kulle

Neues Mitglied

Arne Drews

Guest

Kulle

Neues Mitglied

Arne Drews

Guest

Kulle

Neues Mitglied

Arne Drews

Guest

Neueste Beiträge