Question

我几天前在这里问过，如何在表单中选择一个选项后进行下拉部分。我有一个答案，并尝试了它和我在网上找到的其他一些建议，所有这些都失败了。我附上了两张照片，展示了我的所作所为，希望你们能帮助我。

（请记住，我使用的插件只允许我添加代码而不编辑给定的代码）

NUM1 thats how the plugin made the form, i cannot edit it

NUM2 thats what i have tried and it did not work

修改

这是pulgin制作的代码：

<label class="fitText" style="font-size: 16px;">Product</label>
<select name="Product" data-export-field="">

          <option value=""> - Product - </option>


          <option value="A" data-price="0">
            A

          </option>

          <option value="B" data-price="14">
            B

            (+$14.00)

          </option>

      </select>

我做了什么：

<script>
$(window).load(function() {
    $('#Product option[value=A]').attr('selected','selected');
});
</script>

希望你们能帮助我！：d

由于 Yarin

Answer 1

这应该达到你想要的目的 -

脚本 -

$(document).ready(function() {
    $('select[name=Product] > option[value=A]').attr('selected','selected');
});

#选择器用于ID，而不是名称。使用相同的选择器作为值的名称。

$(document).ready()（或$(function() {} )）应该更快一点，因为它在DOM准备好进行操作时调用，而不是在所有内容都准备就绪时调用。我还听说$(window).load(function() {})可以在无意的时间被调用，项目取决于。

否则您的代码是可靠的。

Answer 2

或者你可以尝试这个：

$(document).ready(function(){

    $("#select_id").val('A');

});

在页面加载时，设置select标记的默认值。可以帮到你。

Jquery在插件中预选下拉菜单选项

2 个答案: