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

几天前我在这里问了如何在表单中预先选择一个选项来做一个下拉菜单。我已经得到了一个答案，并尝试了它和我在网上找到的一些其他建议，所有这些都失败了。我附上了两张照片，显示了我所做的事情，所以希望你们能够帮助我。Jquery在插件中预选下拉菜单选项

（请记住，我使用的插件，只允许我加入的代码不能编辑给定的一个）

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

来源

2016-08-19 Yarin Bar

有什么方法可以将代码复制并粘贴到问题中？从图像调试代码似乎效率低下。 –

完成，你是对的，谢谢 –

这应该达到什么样的你want-

脚本 -

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

的#选择是ID的，没有名字。使用与值相同的选择器作为名称。

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

否则你的代码是可靠的。

来源

2016-08-19 21:49:56 MPawlak

或者你可以尝试这一个： –

嗨，感谢您的回复，但代码似乎并没有工作。也许是因为我添加的代码位于正文中？我发现这段代码：它与什么有关我正在努力实现？ –

不应该。这只是表单提交。如果添加'console.log（$（'select [name = Product]>选项[value = A]'））行，就在docReady行的下方输出对象到控制台？ – MPawlak

或者你可以试试这个：

$(document).ready(function(){ 

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

});

在页面加载，对于选择标签设置的默认值。可以帮助你。

来源

2016-08-20 01:12:48

也没有工作：/ –

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

回答

相关问题