你好,我有一個JS問題,因爲我不知道多少它,我不知道從哪裏開始,以解決它!Javascript表單腳本無法在手機上工作(但在桌面上完美)
我目前有一個腳本運行在django網頁上,它隱藏了兩個選項列表中的不兼容選項;使用參考詞典。
該腳本在桌面上工作得很好; ,但當我從移動設備上查看頁面時根本沒有。(所有的選項仍然可見...!)
任何想法都會非常感激!
這裏是JS Fiddle
<div class="form-group col-sm-4 col-md-3">
<label for="id_tasks">Tasks:</label>
<select class="form-control" id="id_tasks" name="task">
<option value="0" selected="selected">---------</option>
<option value="1">Tie-job: Front-tie Marker</option>
<option value="2">Tie-job: Scrapmachine support trackman</option>
<option value="3">Tie-job: Plate Thrower</option>
<option value="4">Tie-job: New-tie Marker</option>
</select>
</div>
<div class="form-group col-sm-4 col-md-3">
<label for="id_craft">Craft:</label>
<select class="form-control" id="id_craft" name="craft">
<option value="0" selected="selected">---------</option>
<option value="1">Senior Engineer</option>
<option value="2">Roadmaster</option>
<option value="3">Foreman</option>
<option value="4">Assistant Foreman</option>
<option value="5">Electrical Welder EA</option>
<option value="6">Oxygen Welder OA</option>
<option value="7">Railway Machine Operator (RMO)</option>
<option value="8">Truck Driver (Type A, B or C)</option>
</select>
</div>
而且JS
$(document).ready(function() {
$("#id_craft option:not([value=0])").hide();
});
$("#id_tasks").change(function() {
$("#id_craft").val("0");
$("#id_craft option:not([value=0])").hide();
var compIds = {
1: [1, 2],
2: [3, 4],
3: [4, 5],
4: [6, 7]
};
for (var i = 0; i < compIds[$("#id_tasks").val()].length; i++) {
$("#id_craft option[value=" + compIds[$("#id_tasks").val()][i] + "]").show();
}
});
這個問題如何不同,你已經[刪除5分鐘](http://stackoverflow.com/questions/43520742/javascript-form-script-not-working-on-mobile-but-perfect- on-dekstop)之前? – Andreas
您正在測試哪些設備/瀏覽器? –
適用於Chrome和Firefox(但不適用於IE ...);不能在iOS(Safari)上運行,儘管... – Malcoolm