php - Jscript/PHP/Html Select box. - Udvikleren.dk - Programmering, webdesign og grafik

Tags: script php html jscript

Bruger #16838 @ 30.11.11 17:44

Har en kode der viser min value af min select box.

Bruger dette script

JScript kode

 <script type="text/javascript">
 $(document).ready(function(){
     $("#thechoices").change(function(){
             $("#value").html($("#thechoices option:selected").text());
             $("#value").css("background-color","white");
             $("#value").css("color","black");
     });
 });
 </script>

Og dette html for at vise min value af min select box.

HTML kode

 <div id="value"></div>

Den udskriver teksten helt fint.
- Vil bare gerne videre udvikle den så den måske blev gemt som en string eller noget ligene.
Vil nemlig gerne have det noget ala det her:

PHP kode

 <div class="whatever" style="background-image: url(path/to/dir/<?php echo $value; ?>.jpg);">

Indlæg senest redigeret d. 30.11.2011 17:45 af Bruger #16838

4 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma

Sorter efter stemmer Sorter efter dato

Bruger #3427 @ 30.11.11 17:51

1.520

PHP bliver kørt før dit javascript så det er som sådan ikke muligt. men hvorfor ikke bare lave det sådan her:

JScript kode

 $("div.whatever").css({
   background-image: "url(path/to/dir/"+ $("#value").html($("#thechoices option:selected").text() +".jpg)"
 });

ellers skal du kalde din PHP fil igen, med en get evt (eller en anden php fil) for at lave din value om til PHP.
ala det her:

JScript kode

 window.location.href = "?value=" + $("#value").html($("#thechoices option:selected").text() ;

PHP kode

 if(isset($_GET["value"]){
 echo $_GET["value"];
 }

Indlæg senest redigeret d. 30.11.2011 17:55 af Bruger #3427

Bruger #16838 @ 30.11.11 18:05

169

JScript kode

 <script type="text/javascript">
 $("div#value").css({
 background-image: "url(../images/servers/game/"+ $("#value").html($("#thechoices option:selected").text() +".jpg)"
 });
 </script>

HTML kode

 <div id="value" class="server_image"></div>

Får det ikke til at virke.

Bruger #3427 @ 30.11.11 18:22

1.520

du skal lige ha' det ind i din change.

JScript kode

 <script type="text/javascript">
  $(document).ready(function(){
      $("#thechoices").change(function(){
              $("div#value").css({
  "background-image": "url(../images/servers/game/"+ $("#value").html($("#thechoices option:selected").text()+".jpg)"
  });
      });
  });
  </script>

sådan tror jeg.

Bruger #16838 @ 30.11.11 18:33

169

Kan stadig ikke få det til at virke

Jscript/PHP/Html Select box.

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler