CODEWITHSUNDEEP
javascripthtml
Karim Daraf
Karim Daraf

Reputation: 226

Get options select name from other options select name without form tag

I have this short code which works with form tags.

<select id="district" name="lan" class="country_search"
        onchange="showSubcomune(this.value,this.form.undercomune)">
    <option value="0" selected>choose country </option>
    <option value="10">some comue</option>
</select>

<select name="undercomune" id="undercomune" class="country_search">
    <option value="0" selected >chhose comune</option>
</select>

this showSubcomune works fine with form tags when i use this.form.undercomune so it collecte comunes to selected country and show them in the undercomune select option.

the problem is i want use same function in other place BUT without html form tag. How can this be this.form.undercomune ?? in the function ?

have tried those :

this.form.undercomune
this.undercomune
$('#undercomune').val()

But no one works .

any help would be much apreciated thanks.

EDIT:

    function showSubKommun(subCat,selectObj) {
            selectObj.length = 0;


            var j = 0,
            elm;
            for (var k = 0; (elm = kommun[k]); ++k)
            if (elm.lankod == subCat)
                selectObj[j++] = new Option(elm.namn, elm.kommunkod);
        var x = document.getElementById("undercomune");
        var option = document.createElement("option");
        option.text = " \xAB choose comune \u00bb ";
        option.value = 0;
        x.add(option,x[0]); 
        x[0].setAttribute("selected", "selected");
    }

Upvotes: 0

Views: 55

Answers (1)

Amit Joki
Amit Joki

Reputation: 59232

You can get it either by document.getElementById

var elem = document.getElementById('undercomune');

or if you're using jQuery

elem = $('#undercomune')[0]; // the indexer returns native html element

Upvotes: 1

Related Questions