我有一個需要特定功能的客戶，但我對 javascript 還是很陌生，所以我試圖想辦法讓它成為可能。
當用戶第一次登陸網站時，他們會被要求指定他們的角色。他們將有買方、賣方或代理的選擇。在單獨的聯系頁面上，我們將有一個表單塊。但是，我們希望根據用戶的特定角色有 3 種不同的形式。
例如，如果他們表示自己是買家，他們會看到一個特定的表格。如果他們表明他們是賣家，他們將在聯系頁面上看到賣家特定的表格。
這甚至可能嗎？最好的方法是什么？
uj5u.com熱心網友回復：
您可以創建 3 個隱藏表單并使用功能根據角色選擇更改更改可見性。
或者更好地使用 AJAX 根據您的要求更改表單標簽 innerHTML。創建 3 個單獨的 html 檔案（form1.html、form2.html、form3.html）并為每個表單添加您的輸入。在主檔案中使用 ajax 加載表單。
<select onchange="loadForm(this.value)">
<option value="">select a role</option>
<option value="form1">Salse</option>
<option value="form2">Admin</option>
<option value="form3">Customer</option>
</select>
<form action="" id="form">Select a role Please</form>
<script>
function loadForm(formName) {
if(role !=""){
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("form").innerHTML =
this.responseText;
}
}
xhttp.open("GET", formName '.html', true);
xhttp.send();
}else{
document.getElementById("form").innerHTML = "Select a role Please"
}
};
</script>
uj5u.com熱心網友回復：
- 設定用戶將選擇的輸入，以便您知道他們是買家、賣家還是代理。這可以是單選按鈕或選擇輸入。將此稱為“輸入1”
- 創建您的三個表單并隱藏它們。
- 在“input1”上放置一個事件監聽器，因此如果用戶單擊或選擇，您將顯示相應的表單。
如果您不希望任何人能夠操作您的表單，您可以通過 javascript 添加/附加或洗掉您的表單 html，以便通過很少的網站操作就不容易獲得表單。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/412675.html
標籤：
上一篇：執行檔案上傳發布請求
下一篇：使用`--env`時，我的docker映像沒有看到enviornemnt變數，但使用docker-compose可以看到