需要使用jQuery在选择框中禁用已选择的选项。我想它像
asmselect灰色。
测试我的例子here。
- //JS
- $("#theSelect").change(function(){
- var value = $("#theSelect option:selected").val();
- var theDiv = $(".is" + value);
- theDiv.slideDown().removeClass("hidden");
- });
- $("div a.remove").click(function () {
- $(this).parent().slideUp(function() { $(this).addClass("hidden"); });
- });
- //HTML
- <body>
- <div class="selectContainer">
- <select id="theSelect">
- <option value="">- Select -</option>
- <option value="Patient">Patient</option>
- <option value="Physician">Physician</option>
- <option value="Nurse">Nurse</option>
- </select>
- </div>
- <div class="hidden isPatient">Patient <a href="#" class="remove" rel="Patient">remove</a></div>
- <div class="hidden isPhysician">Physician <a href="#" class="remove" rel="Patient">remove</a></div>
- <div class="hidden isNurse">Nurse <a href="#" class="remove" rel="Patient">remove</a></div>
- </body>
UPDATED：这是finished solution.感谢Patrick和Simen。
