jQuery variable vraag
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<?php
echo '<select name="kaart1">
<option selected="Selected">Selecteer kaart</option>
<option name="h2" src="image/card/2_of_hearts.png">harten 2</option>
<option name="h3" src="image/card/3_of_hearts.png">harten 3</option>
<option name="h4" src="image/card/4_of_hearts.png">harten 4</option>
<option name="h5" src="image/card/5_of_hearts.png">harten 5</option>
<option name="h6" src="image/card/6_of_hearts.png">harten 6</option>
<option name="h7" src="image/card/7_of_hearts.png">harten 7</option>
<option name="h8" src="image/card/8_of_hearts.png">harten 8</option>
<option name="h9" src="image/card/9_of_hearts.png">harten 9</option>
<option name="h10" src="image/card/10_of_hearts.png">harten 10</option>
<option name="hb" src="image/card/jack_of_hearts2.png">harten boer</option>
<option name="hv" src="image/card/queen_of_hearts2.png">harten vrouw</option>
<option name="hk" src="image/card/king_of_hearts2.png">harten koning</option>
<option name="ha" src="image/card/ace_of_hearts2.png">harten aas</option>
</select><br>
<img src=imgsrc name=jsimg>
<script>
$("select").change(function () {
var imgsrc = "";
$("select option:selected").each(function () {
imgsrc = $("option").attr("src", function (arr) {
return "option-src" + arr;
});
$("#jsimg").attr({
src: imgsrc;
})
.change();
</script>
';
?>
echo '<select name="kaart1">
<option selected="Selected">Selecteer kaart</option>
<option name="h2" src="image/card/2_of_hearts.png">harten 2</option>
<option name="h3" src="image/card/3_of_hearts.png">harten 3</option>
<option name="h4" src="image/card/4_of_hearts.png">harten 4</option>
<option name="h5" src="image/card/5_of_hearts.png">harten 5</option>
<option name="h6" src="image/card/6_of_hearts.png">harten 6</option>
<option name="h7" src="image/card/7_of_hearts.png">harten 7</option>
<option name="h8" src="image/card/8_of_hearts.png">harten 8</option>
<option name="h9" src="image/card/9_of_hearts.png">harten 9</option>
<option name="h10" src="image/card/10_of_hearts.png">harten 10</option>
<option name="hb" src="image/card/jack_of_hearts2.png">harten boer</option>
<option name="hv" src="image/card/queen_of_hearts2.png">harten vrouw</option>
<option name="hk" src="image/card/king_of_hearts2.png">harten koning</option>
<option name="ha" src="image/card/ace_of_hearts2.png">harten aas</option>
</select><br>
<img src=imgsrc name=jsimg>
<script>
$("select").change(function () {
var imgsrc = "";
$("select option:selected").each(function () {
imgsrc = $("option").attr("src", function (arr) {
return "option-src" + arr;
});
$("#jsimg").attr({
src: imgsrc;
})
.change();
</script>
';
?>
ik wil dat bij de afbeelding wordt geladen wanneer deze geselecteerd wordt met de select
<img src=imgsrc name=jsimg>
maar ik krijg terug in de console:
$("#jsimg").attr({
src: imgsrc;
Uncaught SyntaxError: Unexpected token ;
})
$("#jsimg").attr("src", imgsrc);
Gewijzigd op 19/03/2012 19:08:05 door Jaron T
src: $(this).attr("src");
Uncaught SyntaxError: Unexpected token ;
})
deze geeft helaas dezelfde error:/
maar als het goed is heb ik de src opgeslagen in de var imsrc maar die weet ik niet te laden
Hier hoort geen ; in te staan. Elementen in een object literal worden gescheiden door een komma, niet een punt-komma.
Uncaught SyntaxError: Unexpected token ;
.change();
krijg dit terug..
edit:
$("#jsimg").attr("src", imgsrc);
.change();
Uncaught SyntaxError: Unexpected token .
</script>
krijg ik dit terug:/
Gewijzigd op 19/03/2012 20:47:53 door arend b
Gewijzigd op 20/03/2012 11:43:26 door Jaron T
$("#jsimg").attr("src", imgsrc);
.change();
Er staat een punt komma achter de attr() functie, terwijl je met chaining nog verder wil. Dat kan niet. Het moet zijn:
$("#jsimg").attr("src", imgsrc)
.change();
(nog afgezien van wat Jaron zegt)
Overigens, als je die foutmeldingen goed doorleest kan je er zelf ook achter komen natuurlijk.
$("select").change(function () {
var imgsrc = "";
});
$("select option:selected").each(function () {
imgsrc = $("option").attr("src", function (arr) {
return "option-src" + arr;
});
$("#jsimg").attr("src", imgsrc)
.change();
</script>
Uncaught SyntaxError: Unexpected end of input
ik heb het nu zo ingevuld. omdat de eerste functie moet worden afgesloten.
maar hij blijft nog steeds dezelfde fout geven. naar mijn mening heb ik alle functies afgesloten
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
$("select").change(function () {
var imgsrc = "";
});
$("select option:selected").each(function () {
imgsrc = $("option").attr("src", function (arr) {
return "option-src" + arr;
});
$("#jsimg").attr("src", imgsrc).change();
//heeeee, ontbrekend einde....
var imgsrc = "";
});
$("select option:selected").each(function () {
imgsrc = $("option").attr("src", function (arr) {
return "option-src" + arr;
});
$("#jsimg").attr("src", imgsrc).change();
//heeeee, ontbrekend einde....
regel 5: open callback in each
regel 6: open callback in attr
regel 8: sluit je de callback in attr
....
en dan mis ik de sluiting van de functie in each.
Alleen weet ik niet waar, omdat ik niet weet wat er binnen die callback hoort en wat niet...
Een option heeft geen name en geen src. Wel een value.