Doplnění ziskané proměnné do vypisované proměnné s odkazem – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Ahoj,

mam nize uvedeny kod ktery v zasade dela co potrebuji. Ale narazil jsem na problem ... nevim jak promennou value_x spravne doplnit do ptomenne txt kterou nasledne vypisuji jako odkaz prodalsi zpracovani selektem vybrane hodnoty. Tedy jak ma byt spravne zapsano tohle: onclick=\"funkcelokalit('value_x')\"

<script type="text/javascript">

function funkcelokalit(nactituhlezemi)
{
alert(nactituhlezemi+' - ted bych mel nacist data');    
}

document.addEventListener("DOMContentLoaded", function(event)
{ 
$("#selekt_stat").change(function () 
{
                $("option", $(this)).each(function (index) {
                    if ($(this).is(":selected")) {

                        var value_x = $(this).attr ("value")
             
var txt;


  txt = "<a href='#lokator' onclick=\"funkcelokalit('value_x');\">Zde můžeš načíst lokality</a>";
  document.getElementById("lokator").innerHTML = txt;


}

)
}
)
}
);
</script>

<select name="selekt_stat" id="selekt_stat" size="1"  title="Stát">
<option value="stat 1">A</option>
<option value="stat 2">B</option>
<option value="stat 3">C</option>
<option value="stat 4">D</option>
<option value="stat 5">E</option>
</select>

<div id="lokator">TADY TO BUDE</div>

Dekuji za pomoc.

Asi spatne chapes javascript.

var x,y,z; // globalni promena
function aaa() { var x,y,z;} // lokalni promena
 

function (index) {
if ($(this).is(":selected"))
{
var value_x = $(this).attr ("value") // lokalni promena funkce

onclick=\"funkcelokalit('value_x'); // tohle je nesmysl, nejspis
onclick=\"funkcelokalit(value_x); // pouziti hlobalni promene, ale takovou tam nemas definovanou

A proc to resis takto? Proc tam nedas do te funkce primo
function funkcelokalit(nactituhlezemi)
{
$( "#selekt_stat option:selected" ).each(function() { // vsechny selected, pokud mas multiselect
alert($( this ).text()+' - ted bych mel nacist data'); 
});
}
google = options selected jquery
https://api.jquery.com/…ed-selector/

#2 peter
Ahoj,

diky za ochotu pomoci a mas pravdu, s JS na tom nejsem moc dobre.

Na zaklade vybraneho statu potrebuji vytvorit ten odkaz ktery (asi ajaxem) vybere v databazi potrebna data jen kdyz budu chtit, ne vzdy rovnou ta nacist data. Pod kazdym statem muze byt nekolik mist ktera by se po vybrani doplnovala do dalsich inputu ve zpracovavanem formulari a nebo to do nich budu zadavat manualne nejake uplne nove.

Proto potrebuji do vypisovaneho odkazu dostat tu promennou s vybranym statem ...

#2 peter
Ahoj.

#1 zak

#1 zak 

Ak pominiem to, že si tam mal syntaktické chyby (zle zátvorky), tak by sisi mal uvedomiť ako sa v JS skladajú reťazce. Potom už nebudeš mať problém. :-)

function funkcelokalit(nactituhlezemi) {
    alert(nactituhlezemi + ' - ted bych mel nacist data');
}

document.addEventListener("DOMContentLoaded", function (event) {
    $("#selekt_stat").change(function () {
        $("option", $(this)).each(function (index) {
            if ($(this).is(":selected")) {
                var value_x = $(this).attr("value");
                var txt = '<a href="#lokator" onclick="funkcelokalit(\'' + value_x + '\');">Zde můžeš načíst lokality</a>';
                document.getElementById("lokator").innerHTML = txt;
            }
        });
    })
});

Dekuji. Dobral jsem se nakonec metodou zkouska - omyl k podobnemu reseni, tohle je ale hezci :-)