使用select2自动填充输入和选择

Question

我得到了这个Bootstrap HTML code，由于某种原因，它无法正常工作。我希望有人帮助我这样做：

1. 当客户选择填写总统选择时，属于正在运行的队友的其他禁用输入应自动填写
2. 当他们填写教师代表选择时，下面的其他选项应该填写属于该教员的相应名称

这是我的代码

<dl class="dl-horizontal">  <dt>President</dt> 
    <dd>
        <select data-placeholder='President' class="select11" style="width: 300px;">
            <option></option>
            <option value="AK">Janes</option>
            <option value="HI">Charles</option>
            <option value="CA">Michel</option>
        </select>
    </dd>
    <dd>
        <input id="" placeholder="running mate" class="form-control" type="" name="" style="width: 300px;" disabled>
    </dd>
</dl>
<dl class="dl-horizontal">  <dt>Secretary General</dt> 
    <dd>
        <select data-placeholder='Secretary General' class="select11" style="width: 300px;">
            <option></option>
            <option value="AK">Janes</option>
            <option value="HI">Charles</option>
            <option value="CA">Michel</option>
        </select>
    </dd>
</dl>
<dl class="dl-horizontal">  <dt>Faculty representative</dt> 
    <dd>
        <select data-placeholder='Choose Faculty' class="select11" style="width: 300px;">
            <option></option>
            <option value="AK">Fist</option>
            <option value="HI">BCom</option>
</select>
    </dd>
    <dd>
        <select data-placeholder='Faculty representative' class="select11" style="width: 300px;">
            <option></option>
            <option value="AK">Name</option>
            <option value="HI">Another name</option>
        </select>
    </dd>
</dl>