jQuery Wert von slider in hidden form übernehmen

P

proforma

Mitglied
Hallo,

ich experimentiere gerade etwas mit jQuery. Ich kenne mich zwar etwas mit JS aus, aber für das folgende Problem reicht es anscheinend nicht ;)

Ich möchte in <input type="hidden" name="test" value="Wert von Slider">

den Wert vom Slider übergeben. Wie mache ich das ?

Code: 
<script>
	$(function() {
		$( "#slider" ).slider({
			value:100,
			min: 0,
			max: 500,
			step: 50,
			slide: function( event, ui ) {
				$( "#amount" ).val( "$" + ui.value );
			}
		});
		$( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
	});
	</script>
</head>
<body>

<div class="demo">

<p>
	<label for="amount">Donation amount ($50 increments):</label>
	<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
	<input type="hidden" name="test" value="Wert von Slider">
</p>

<div id="slider"></div>

</div><!-- End demo -->
 
Der Slider hat ein change-Event. Füg es deinen Optionen hinzu

Javascript: 
change: function(e, ui) {
    $('input[name=test]').val( ui.value );
}

Du solltest dir bei jQuery aber angewöhnen die Elemente nicht jedes mal neu zu selektieren. Merk dir eine Referenz auf das Hidden Input.
 
okay das sieht gut aus nur leider bekomme ich es nicht richtig eingefügt -- ich habe es mal versucht einzubauen:Ich bräuchte da nochmal Hilfe..

Code: 
<script>
    $(function() {
        $( "#slider" ).slider({
            value:100,
            min: 0,
            max: 500,
            step: 50,
            slide: function( event, ui ) {
                $( "#amount" ).val( "$" + ui.value );
            }
        });
        $( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );

change: function(e, ui) {
    $('input[name=test]').val( ui.value );
}

    });
    </script>
</head>
<body>
 
<div class="demo">
 
<p>
    <label for="amount">Donation amount ($50 increments):</label>
    <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
    <input type="hidden" name="test" value="Wert von Slider">
</p>
 
<div id="slider"></div>
 
</div><!-- End demo -->
 
Da steht es ja mitten im nirgendwo, es muss bei die anderen Optionen deines sliders.

Javascript: 
$( "#slider" ).slider({
    value:100,
    min: 0,
    max: 500,
    step: 50,
    slide: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.value );
    },
    change: function(e, ui) {
        $('input[name=test]').val( ui.value );
    }
});
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück