Javascript 在下拉列表上设置默认值不起作用

Question

<select id="modalAdd_DDLSample"> </select>
<option value=0> PC</option>
<option value=1> MAC </option>
<option value=2> Rasberry </option>

$("#modalAdd_DDLSample").val("1");
$("#modalAdd_DDLSample").val(1);
$("#modalAdd_DDLSample").val('1');
$("#modalAdd_DDLSample").val("1");
$('#modalAdd_DDLSample option[value="1"]').attr("selected",true);
$('#modalAdd_DDLSample option[value="1"]').attr("selected","selected");

我尝试了很多方法来在表单加载时将下拉列表值设置为默认值 1(MAC)，但它们都不起作用，我错过了一些重要的事情吗？ 感谢你的帮助

Answer 1

将选项放入 select 并将选中的选项写入您想要默认的选项。

 <select id="modalAdd_DDLSample"> <option value=0> PC</option> <option value=1 selected> MAC </option> <option value=2> Rasberry </option> </select>

Answer 2

<select id="modalAdd_DDLSample"> <option value="0"> PC</option> <option value="1"> MAC </option> <option value="2"> Raspberry </option> </select> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script> let value="1"; $("#modalAdd_DDLSample").val(value); </script>

Answer 3

您的 select 代码错误，选项应写入 select 标记内。
这是 html 代码。

<select id="modalAdd_DDLSample"> 
    <option value=0> PC</option>
    <option value=1> MAC </option>
    <option value=2> Rasberry </option>
</select>

不要忘记包含 jquery 库
这是 javascript 代码

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script type="text/javascript">
    $(function(){
      $("#modalAdd_DDLSample").val(1);
    });
</script>

页面加载时，会自动设置 modalAdd_DDSSample 值为 MAC。

Answer 4

您的 JS 代码是正确的，但您在 HTML 代码中有问题

查看代码示例

 <:DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <script src="https.//code.jquery.com/jquery-2.2.4.js"></script> </head> <body> <select id="modalAdd_DDLSample"> <option value=0> PC</option> <option value=1> MAC </option> <option value=2> Rasberry </option> </select> <script> $(function(){ $("#modalAdd_DDLSample");val("1"); }); </script> </body> </html>