如何将链接放在下拉列表选项中？答案

【问题标题】：How to put a link in a drop list option?如何将链接放在下拉列表选项中？
【发布时间】：2016-03-06 01:41:21
【问题描述】：

我有一个下拉列表。我希望选项包含 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
});

【问题讨论】：

你应该更努力地搜索一下，写一些代码，然后返回一个特定的代码问题
你应该添加一些代码而不是要求整个代码，一个小提琴将不胜感激
我正在使用 Yuku-t jquery 自动完成。这是一个 jquery 插件，当用户在输入框中输入内容时，它会创建下拉列表。我想要的是用户应该能够编辑这些选项名称。为此，我试图在模板中包含一个编辑链接以及选项的名称。我会用代码更新问题。
在选项标签中使用锚点可能会对您有所帮助

标签： javascript jquery html css drop-down-menu

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

这样，

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

【讨论】：

感谢赛纳的回答。但我希望选择选项包含 2 个部分。只有当我点击编辑链接时，它才会打开对话框。单击选项的名称部分时，应选择该选项。

【解决方案3】：

你不能在选项中添加a href标签，但是你可以这样使用-

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

希望对你有帮助。

【讨论】：