Question

我有一个下拉列表。我希望选项包含2个部分。第一部分将包含选项的名称，第二部分将包含一个链接，该链接将打开一个对话框，用户可以在其中编辑该特定选项的名称。

当用户点击名称时，应该选择该选项。当用户点击编辑链接时，它应该打开对话框，在这种情况下不应该选择该选项。

此外，我想在用户点击编辑链接时访问此选项的名称。我对此搜索了很多，但找不到任何解决方案。

感谢。

var elements = ['abc', 'def', 'ghi'];
$("[name='inputboxname']").textcomplete([{
    match: /{(\w*)$/,
    search: function (term, callback) {
        callback($.map(elements, function (element) {
            return element.indexOf(term) === 0 ? element : null;
        }));
    },
    index: 1,
    replace: function (element) {
        return ['{' + element + '}', ' '];
    },
    template: function (value) {
        return '<div class="onleft">' + value + '</div><div class="onright"><a href="/edit">Edit</a> </div>';
    }
}], {
    header: '<button data-hook="addnew" class="wendda">Add new</button>',
    maxCount: 5
});

Answer 1

我希望选项包含2个部分。第一部分将包含选项的名称和第二部分将包含一个链接打开一个对话框

基本的html选择标记在这里没有帮助，你需要外部插件，例如select2。

Answer 2

像这样，

<select onChange="window.location.href=this.value">
    <option value="www.google.com">Google</option>
    <option value="www.gmail.com">Gmail</option>
</select>

Answer 3

您无法在选项中添加a href代码，但您可以这样使用 -

＆＃13;

<select>
    <option> option1 </option>
    <option> option1 </option>
    <option onclick="window.location.href='your_page.html'"> Option 3</option>
</select>

＆＃13;

我希望它会对你有所帮助。

如何在下拉列表选项中放置链接？

3 个答案: