与Aurelia的Bootbox

Question

我知道我可以通过邮件直接添加HTML表单，但我可以这样做：

message: document.getElementById('formContent').innerHTML?

这是我的DIV吗？

<div class="col-sm-6">
    <div class="row">
        <div class="col-sm-6">
            <div class="form-group">
                <label class="control-label">Search For Options</label>
                <input disabled.bind="readonly" type="text" class="form-control" value.bind="SearchForOptions">
            </div>
        </div>
        <div class="col-sm-6">
            <div class="form-group">
                <label class="control-label">AND / OR</label>
                <dropdown disabled.bind="readonly" options.bind="core.GetOptionsList()" value.bind="OptionId" selected.bind="OptionId" />
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <button click.trigger="cancelSearch()" class="btn btn-default" type="button">Cancel</button>
            <button click.trigger="searchOptions()" class="btn btn-info" type="button" disabled.bind="!canSearch">Search</button>
        </div>
    </div>
</div>

核心。 GetOptionsList（） - Aureila

import {Core} from 'admin/core';
@inject(Core)
constructor(core){
        this.core = core;
}

更新

它提取<div>的内容，而不是DD

中的值

bootbox.dialog({
    title: "This is a form in a modal.",
    message: jQuery('#search').html(),
    buttons: {
        success: {
            label: "Save",
            className: "btn-success",
            callback: function () {
                //var name = $('#name').val();
                //var answer = $("input[name='awesomeness']:checked").val()
                //Example.show("Hello " + name + ". You've chosen <b>" + answer + "</b>");
            }
        }
    }
});

更新

addNew(){          
    bootbox.dialog({
        title: "Search Options",
        message: jQuery('#searchCriteria').html(),
        buttons: {
            cancel: {
                label: 'Cancel', 
                className: 'btn btn-default'
            },
            confirm: {
                label: 'Search', 
                className: 'btn-primary btn btn-info', 
                callback: function() {

                    var text = $("#SearchForOptions").val();
                    var dropdown = $("#OptionId").val();

                    alert(text);
                    alert(dropdown);

                    if (!text || !dropdown){ 
                        return false; 
                    } else {
                        this.searchOptions(text, dropdown);
                    }
                } 
            },
        }
    });
}

抱歉，我忘了把它放在原来的问题中。 dropdown是一个自定义元素，它采用以下内容：

• 选项：选项列表
• value：所选选项的值
• 已选择：所选选项的值

我的主要问题是我可以使用aureila，例如value.bind等绑定元素，还是需要手动构建我的DD等？因为它目前看起来像我不能使用任何绑定。