我必須制作一個帶有一些輸入選項的表單，其中一個是型別切換器（下拉選單），它向我顯示一些選項，并且根據我選擇的選項，它必須出現一個新的輸入供我撰寫該資訊。這是一個使用 PHP、MySQL、HTML 和 CSS 撰寫的專案。我可以使用 JS、Jquery、React 但對于 PHP U 需要使用 OOP 方法。
示例：
型別切換器（汽車/自行車/卡車）<- 這是我的 3 個下拉選項。
如果我選擇汽車，我需要一個新的輸入欄位來輸入汽車的型號。如果我選擇 Bike，我需要一個新的輸入欄位來放置自行車的型號。
選車示例：
型別切換器：CAR
車型：
請提供車型
我的切換器：
<div class="type-switcher">
<div class="input-wrapper">
<label for="productType">Type Switcher</label>
<select name="Select Type" id="productType" >
<option value="car">car</option>
<option value="truck">truck</option>
<option value="bike">bike</option>
</select>
</div>
</div>
例如，通過選擇汽車，我需要出現一個帶有“請提供汽車型號”標簽的新輸入欄，這樣我就可以寫出汽車的型號
uj5u.com熱心網友回復：
您可以使用js添加輸入欄位
html
<div class="type-switcher">
<div class="input-wrapper">
<label for="productType">Type Switcher</label>
<select name="Select Type" id="productType" onclick="addField()" >
<option value="car">car</option>
<option value="truck">truck</option>
<option value="bike">bike</option>
</select>
</div>
<div id="text"></div>
</div>
<script src="index.js"></script>
js
const field=document.getElementById('text');
const model=document.getElementById('productType')
function addField(){
let html=`<label>${model.value} Model:</label><input type="text"></input>`
field.innerHTML=html;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/479681.html
標籤：javascript php html jQuery css
上一篇：我無法調整iframe高度