Select Boxen deaktivieren

[Identität]

Hi Leute,

ich habe 3 Select Felder. Ich möchte per Javascript die Boxen so steuern, wenn bei Select Box 3 ein Wert mit Value 1-16 angeklickt wurde, die beiden ersten Boxen auch anklickbar sind. Ansonsten soll man diese nicht anklicken können. Per Google habe ich da nichts gefunden und in JS bin ich leider nicht so erfahren.

        <label>User<label><br />
        <select name="wertung_user">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
        </select>
        <label>VIP</label><br />
        <select name="wertung_vip">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
        </select>

        <select name="auswahl">
            <optgroup label="Auswahl">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
            </optgroup>
            <optgroup label="Auswahl 2">
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
            </optgroup>
        </select>

 

[Sven Mintel]

Moin,

das wäre ein Weg:

<select name="auswahl" onchange="this.form.wertung_user.disabled=this.form.wertung_vip.disabled=((16/this.value)<1)">

Bei den anderen beiden <select> musst du eingangs das disabled-Attribut notieren:

<select disabled="disabled">