问选择任意选项组选项时运行一些jQuery

EN

<select>
    <option>Select</option>
    <optgroup label="One">
        <option value="1">Value 1.1</option>
        <option value="2">Value 1.2</option>
        <option value="3">Value 1.3</option>
    </optgroup>
    <optgroup label="Two">
        <option value="4">Value 2.1</option>
        <option value="5">Value 2.2</option>
        <option value="6">Value 2.3</option>
    </optgroup>
</select>

$("#inputOne, #inputTwo").hide();

$('select').change(function () {
    if ($("select option:selected").parent()[0].label == "One") {
        $("#inputOne").show();
        $("#inputTwo").hide();
    } else if ($("select option:selected").parent()[0].label == "Two") {
        $("#inputTwo").show();
        $("#inputOne").hide();
    } else {
        $("#inputOne, #inputTwo").hide();
    }
});

<input id="inputOne" type="text" placeholder="Input one" style="display:none;"/>
<input id="inputTwo" type="text" placeholder="Input two" style="display:none;"/>

$(function(){
    $('select').change(function(){
        var $optionGroup = $(this).find('option:selected').closest('optgroup');
        //use jquery start attribute selector to hide all inputs
        $('input[id^=input]').hide();
        //select input respective to selected optgroup and show it.
        $('input[id=input' + $optionGroup.attr('label') + ']').show();
    });
});