从选项值读取并创建链接

时间:2016-07-22 19:22:54

标签: javascript jquery

假设我有一些选项有一些值

<option value = "google.com"></option>
 <option value = "yahoo.com"></option>
 <option value = "linkedin.com"></option>

我知道我可以获取此值并将其显示为文本。 (我可以将值转换为h5,h4等。但是有可能使href重定向到选项的值吗?当然我可以手动制作<a href = "google.com">,但我只是想知道这是不是可能的

TLDR

给定一个选项html元素,取值将其显示在屏幕上作为链接。

我永远不会这样做,但是一位同事今天问我该如何做到这一点,而且我真的想不起我的头脑了。

1 个答案:

答案 0 :(得分:3)

此代码将使用链接名称创建所有选项的值之外的链接。

$("option").each(function(){
 $(this).html('<a href="' + $(this).val() + '">link Name</a>');
});

您当然必须为锚标记提出自己的文字,而且根据您提供的代码段,我不确定您会在哪里获得该标记。