Java/jQuery Text in Inputbox einfügen

[Tobias3m]

Moin,

erst mal hoffe ich, dass ich hier im richtigen bereich bin

Also ich stehe vor folgendem Problem:
Auf einer Seite habe ich ein Inputbox, daneben ist ein Link der ein Popup, mit Auswahlmöglichkeiten, öffnet. Nun möchte ich das gerne so haben, das wenn ich einer dieser Auswahlmöglichkeiten anklicke, dass der Text dann in das Inputfeld hinzugefügt wird.
Ich hoffe das mir jemand von euch dabei helfen kann

MFG.

 

[Jonnsn]

AW: Java/jQuery Text in Inputbox einfügen

Hi,

Java != Javascript. Mit Java hat deine Anforderung nichts zu tun.
Aber zum Thema:
http://api.jquery.com/change/
und
http://api.jquery.com/val/
sind deine Freunde. Damit ist das ganze eigentlich ein Dreizeiler.

Gruß

 

[mindraper]

AW: Java/jQuery Text in Inputbox einfügen

hi.

und ohne jQuery ist es ein sechszeiler mit eingesparten 91kb:

falls dies z. b. dein html ist:

<form id="demo-form" action="#" method="POST" enctype="application/x-www-form-urlencoded" accept-charset="utf-8">
		<label for="input-gender">Anrede</label>
		<input id="input-gender" type="text" name="inputGender">
		<div id="gender-popup" class="popup">
			<label for="gender-male">Herr</label>
			<input id="gender-male" type="radio" name="radioGender" value="Herr">
			<label for="gender-female">Frau</label>
			<input id="gender-female" type="radio" name="radioGender" value="Frau">
		</div><!-- /end gender-popup -->
</form>

dann könnte dein javascript so einfach aussehen:

/* func switchValue
 * -------------------------------------------------------------------------------------------
 * @param {String} target_id:
 *		- id of target-element (here: input)
 * @param {Mixed} value_param:
 *		- some value, could be: {String|Number|Boolean}
 * @returns {Nothing|undefined}
 *		- function returns nothing/undefined
*/
function switchValue (target_id, value_param) {
	document.getElementById(target_id).value = value_param;
};

// if you click somewhere into 'gender-popup' (blank space or elements either)...
document.getElementById('gender-popup').onclick = function (event) {

	// call switchValue and give as second param the elements value if it is NOT undefined,
	// otherwise give an empty string as second param
	switchValue('input-gender', (event.target.value === undefined ? '' : event.target.value));
};

hoffe dass die kommentare auf englisch sind ist kein prob, hab' mir das irgendwann mal so angewöhnt