0
我想要實現的是在下拉選擇框中添加與用戶輸入相關的輸入字段。然後出現一個文本字段，以供選擇。我想要繼續追加這些選擇輸入字段。根據用戶的下拉列表添加表單字段
下面是我到目前爲止已經試過，
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#volvo").click(function(){
$("option").append("<li>Volvo: <input type="text" name="volvotype" ></li>");
});
$("#saab").click(function(){
$("option").append("<li>Saab Number: <input type="text" name="saabtype" value="Mickey"><br></li>");
});
$("#opel").click(function(){
$("option").append("<li>opel type: <input type="text" name="opeltype" value="Mickey"><br></li>");
});
$("#audi").click(function(){
$("option").append("<li>audi type: <input type="text" name="auditype" value="Mickey"><br></li>");
});
});
</script>
</head>
<body>
<select>
<option value="volvo" id="volvo">Volvo</option>
<option value="saab" id="saab">Saab</option>
<option value="opel" id="opel">Opel</option>
<option value="audi" id="audi">Audi</option>
</select>
</body>
</html>編輯
爲@Braza建議，我不希望重寫，我想將每個選定的（通過下拉菜單）輸入字段逐個添加。
試穿變化的事件，而不是點擊 – uzaif
可能的複製[jQuery的選擇更改事件得到所選的選項（http://stackoverflow.com/questions/12750307/jquery-select-change-event-get-selected-option） – Braza
@Braza我想追加不要覆蓋 – Kaw123