Ich möchte eine Option in einem Formular wie erstellen

<code>[] I would like to order a [selectbox with pizza] pizza
</code>

Wobei das Auswahlfeld nur aktiviert ist, wenn das Kontrollkästchen aktiviert ist, und deaktiviert ist, wenn es nicht aktiviert ist.

Ich habe diesen Code gefunden:

<code><form>
<input type="checkbox" id="pizza" name="pizza" value="yes"> <label for="pizza">
I would like to order a</label>
<select name="pizza_kind">
    <option>(choose one)</option>
    <option value="margaritha">Margaritha</option>
    <option value="hawai">Hawai</option>
</select>
pizza.
</form>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script>
var update_pizza = function () {
    if ($("#pizza").is(":checked")) {
        $("#pizza_kind").removeAttr("disabled");
    }
    else {
        $("#pizza_kind").prop('disabled', 'disabled');
    }
};

$(update_pizza);
$("#pizza").change(update_pizza);
</script>
</code>

Ich habe verschiedene Methoden ausprobiert, um deaktivierte Attribute mithilfe von festzulegen.prop(), .attr(), und.disabled=. Es passiert jedoch nichts. Bei der Bewerbung um eine<input type="checkbox"> anstatt<select>funktioniert der Code einwandfrei.

So deaktivieren / aktivieren Sie<select> Verwenden Sie jQuery?