使用javascript（Bookly WP Plugin）选择一个下拉值

我正在尝试使用js选择一个下拉值。在我的例子中，我需要在插件加载后选择“绘制肖像”下拉选项

我试过两种方法，但都没有成功。这是在中找到的前端的一部分。我在下拉列表中添加了一个id

id=“category”

，以便选择一个值

HTML:

方法02

var objSelect = document.getElementById("categorydraw");

setSelectedValue(objSelect, "DRAW PORTRAIT");

function setSelectedValue(selectObj, valueToSet) {
    for (var i = 0; i < selectObj.options.length; i++) {
        if (selectObj.options[i].text== valueToSet) {
            selectObj.options[i].selected = true;
            return;
        }
    }
}

var objSelect=document.getElementById（“categorydraw”）；
setSelectedValue（对象选择，“绘制肖像”）；
功能设置SelectedValue（selectObj，valueToSet）{
对于（变量i=0；i

请参阅js不起作用的完整代码：

---

如果有人能纠正我的古怪代码，我将不胜感激。提前谢谢

首先，我想确定一下。要选择下拉列表的值还是将该值设置为下拉列表？。也许这会帮你解决问题

HTML

---

首先，我想确定一下。要选择下拉列表的值还是将该值设置为下拉列表？。也许这会帮你解决问题

HTML

---

jQuery的一行将允许您选择所需的项目：

$('#categorydraw option[value="7"').prop("selected", true);

编辑：要在WordPress页面加载时激活，请使用：

jQuery( document ).ready(function() {
  jQuery('#categorydraw option[value="7"').prop("selected", true);
});

---

jQuery的一行将允许您选择所需的项目：

$('#categorydraw option[value="7"').prop("selected", true);

编辑：要在WordPress页面加载时激活，请使用：

jQuery( document ).ready(function() {
  jQuery('#categorydraw option[value="7"').prop("selected", true);
});

---

多谢了，这很有魅力。由于它是WordPress，我不得不使用

jQuery（函数（$）{$（'#categorydraw option[value=“7”）.prop（“selected”，true）；}）

当我在Chrome浏览器控制台上运行此功能时，效果很好。你能告诉我如何在加载页面后运行此功能吗？实际上，我可以通过延迟函数来实现。我不确定在加载插件后如何执行此操作。但此操作目前仍然有效。

setTimeout（function（）{jQuery（function（$）{$（categorydraw）选项[value=“7””）.prop（“selected”，true）；}，3000）；

Hi Anna，我编辑了答案以帮助它在WordPress页面上运行。非常感谢Warren！这太完美了..让我开心了。*谢谢heaps，这很有魅力。因为它是WordPress，我不得不使用

jQuery（函数（$）{$（'categorydraw选项[value=“7”）.prop(“selected”，true）；}）；

当我在Chrome浏览器控制台中运行此功能时，它可以正常工作。你能告诉我如何在页面加载后运行此功能吗？实际上，我可以通过延迟函数来实现。我不确定在插件加载后如何执行此操作。但是现在可以使用。

设置超时（函数（）{jQuery（函数（$）{$（“#categorydraw option[value=“7””）.prop（“selected”，true）；}}，3000）；

Hi Anna，我编辑了答案以帮助您，并使其在WordPress页面上运行。非常感谢Warren！这太完美了。。让我开心了。：*

// using pure js
document.getElementById('yourdropdown').value = 3 // or other values

// using jquery
$("#yourdropdown").val(5) // 5 can replace with other values

$('#categorydraw option[value="7"').prop("selected", true);

jQuery( document ).ready(function() {
  jQuery('#categorydraw option[value="7"').prop("selected", true);
});