Javascript 从下拉按钮中以编程方式选择元素

我需要从下拉按钮中以编程方式（javascript）选择一个元素：

          <div class="form-group">
            <label class="col-lg-3 control-label">Button</label>
            <div class="col-lg-9">
              <div class="btn-group m-r">
                <button data-toggle="dropdown" class="btn btn-md btn-default dropdown-toggle">
                  <span class="dropdown-label" data-placeholder="Please select">Option 1</span> 
                  <span class="caret"></span>
                </button>
                <ul class="dropdown-menu dropdown-select">
                  <li id="properties_form_1" class="active"><a href="#"><input type="radio" name="d-s-c-1">Option 1</a></li>
                  <li id="properties_form_2"><a href="#"><input type="radio" name="d-s-c-1">xxx</a></li>
                  <li id="properties_form_3"><a href="#"><input type="radio" name="d-s-c-1">xxxx</a></li>
                  <li id="properties_form_4"><a href="#"><input type="radio" name="d-s-c-1">xxx</a></li>
                  <li id="properties_form_5"><a href="#"><input type="radio" name="d-s-c-1">xxxxx-Pair</a></li>
                </ul>
              </div>
            </div>
          </div>

它会将正确的项目激活，但“选项1”中的文本不会更新。因此，与其手动更改此文本，我认为有任何优雅的方法可以做到这一点。

黑暗中的镜头：

// deactivate all
$('.dropdown-menu li').removeClass('active');

// the id of the element to select
var selected = 'properties_form_2';

// set active class
$('#' + selected).addClass('active');
// check radio-button
$('#' + selected + '.active input').prop('checked', true);

---

将所选属性切换到要选择的选项后，运行

 $('.dropdown-menu').selectpicker('refresh');

---

这将更新按钮。（可能需要在btn组上运行它，从您的结构不确定）

您尝试过什么吗？“我需要从下拉按钮中以编程方式（javascript）选择一个元素：“意味着什么？不知道您在问什么/您想要什么。”。

 $('.dropdown-menu').selectpicker('refresh');