Forum PHP.pl > [JavaScript] <select> i <input>

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] <select> i <input>

red9skull

23.11.2009, 17:30:30

Mam na stronie index.php taki kod:

[HTML] pobierz, plaintext 
<select name="ubek" id="ubek">
<option value="&t=reputacja">Punkty reputacji</option>
<option value="&t=posty">Liczba postów</option>
<option value="&t=znajomi">Liczba znajomych</option>
</select>
 
<input type="text" size="75" value="http://mazishare.co.cc/sygna.png?u=user" />
[HTML] pobierz, plaintext

I chcę zrobić tak, żeby po wybraniu, np. "Liczba postów" dopisywało się do inputa "&t=posty". Czyli, żeby input wyglądał tak:

[HTML] pobierz, plaintext 
<input type="text" size="75" value="http://mazishare.co.cc/sygna.png?u=user&t=posty" />
[HTML] pobierz, plaintext

Jak to zrobić bez przeładowania strony?

darko

23.11.2009, 17:44:45

[HTML] pobierz, plaintext 
 
<html>
<body>
 
<select name="ubek" id="ubek">
<option value="&t=reputacja" onclick="addtxt(this.value)">Punkty reputacji</option>
<option value="&t=posty" onclick="addtxt(this.value)">Liczba postów</option>
<option value="&t=znajomi" onclick="addtxt(this.value)">Liczba znajomych</option>
</select>
 
<input type="text" id="tutaj" size="75" value="http://mazishare.co.cc/sygna.png?u=user" />
 
<script>
var global_val = document.getElementById('tutaj').value;
function addtxt(arg) {
		  var  here = document.getElementById('tutaj');
		  var oryginal_val = global_val;
		  here.value=oryginal_val;
		  here.value+=arg;
}
 
</script>
 
</body>
</html>
 
[HTML] pobierz, plaintext

u mnie działa na 100%, pokaż jaki masz komunikat w konsoli i upewnij się, że wszystko skopiowałeś jak należy

red9skull

23.11.2009, 17:57:59

Niestety nie działa :/

MateuszS

23.11.2009, 18:02:13

Działa sam sprawdzałem, bo też to pisałem tyle że pan darko mnie wyprzedził

red9skull

23.11.2009, 19:10:32

Na FireFoxie śmiga ale na Google Chrome nie :/

Ktoś wie czemu na wszystkich przeglądarkach działa a na Chrome nie?

Ja się nie poddam, zrozumcie to mi jest na gwałt potrzebne a Google Chrome nie czyta tego przykładu

darko

23.11.2009, 19:12:20

a ma konsolę błędów, która coś zwraca, pokaż błąd albo opisz co się (nie) dzieje, skąd mam wiedzieć, nie korzystam z chrome

red9skull

23.11.2009, 19:35:37

Tuż po '<script>' jest alert:
Unmatched </span> encountered. Ignoring tag.

Poprawiłem to ale nadal nie działa. Konsola nic więcej nie wyświetla.

kefirek

23.11.2009, 19:36:20

A tak ?

Kod

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
var url = $("#tutaj").val();
$("#ubek").change(function (){
var val = "";
$("select[name=ubek] option:selected").each(function () {
val += $(this).val();
});
$("#tutaj").val(url + val);
});
})
</script>
</head>
<body>

<select name="ubek" id="ubek">
<option value="&t=reputacja">Punkty reputacji</option>
<option value="&t=posty">Liczba postów</option>
<option value="&t=znajomi">Liczba znajomych</option>
</select>

<input type="text" id="tutaj" size="75" value="http://mazishare.co.cc/sygna.png?u=user" />

<div id="wynik"></div>
</body>
</html>

darko

23.11.2009, 19:37:19

Zamień <script> na <script type="text/javascript"> i pokaż całość kodu, który wykonujesz.

red9skull

24.11.2009, 12:35:40

Dzięki @kefirek

Twój skrypt działa na GC

oczywiście dałem "pomógł" ;]

Mam kolejny problem z tym

Po tym inpucie mam mniej więcej taki obrazek:

[HTML] pobierz, plaintext 
<img src="http://mazishare.co.cc/userbar.png?u=" title="Userbar użytkownika " />
[HTML] pobierz, plaintext

I chodzi o to, że do atrybutu 'src' muszę dopisać to co do inputa. Mało tego. Bez przeładowania strony ten obrazek musi się przeładować (bo to co dopisuję do niego, zmienia jego wygląd). Kompletnie nie wiem jak się za to zabrać.

piotrooo89

24.11.2009, 12:36:50

takie rzeczy to tylko w AJAX'ie... tylko tam możesz zrobić jakieś zmiany bez przeładowania strony.

red9skull

24.11.2009, 12:49:58

No dobrze ale podasz jakiś pzykład? Ja nigdy z ajaxem nie miałem doczynienia.

piotrooo89

24.11.2009, 12:53:43

szczerze to tak z palca Ci czegoś takiego nie napisze.
http://docs.jquery.com/Ajax jak chcesz to podpiąć do swojego w jQuery to polecam lekture.

red9skull

24.11.2009, 15:53:25

A coś bardziej PL?

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.