2017-03-08 78 views
0

我有下面的代码自动生成的工具。制作单选按钮,指向不同的网站上选择此按钮

<tr> 
<td> 
<select name="saw_83262_14" id="saw_83262_14" class="VSelDropDown" onchange="obips.views.ViewSelector.onViewSelChanged('d:dashboard~p:j53qjqgv9msr9rr0~r:4kbop57ejob1s5nu~v:compoundView!1~v:viewSelector!1','saw_83262_14');"> 
<option value="compoundView!3" selected=""> 
XYZ</option> 
<option value="compoundView!4"> 
PQR</option> 
<option value="compoundView!5"> 
ABC</option> 
<option value="compoundView!2"> 
MNO</option> 
</select> 
</td> 
</tr> 

我想从渲染的脚本中提取XYZ,PQR,ABC和MNO,使这个可以作为单选按钮值的部分(和)之间,如果在XYZ用户点击它会做A HREF到: “http://example.com/xyz”作为相同的目标位置。 如果用户点击PQR,它会做一个href:“http://example.com/pqr”等等等等......

我该如何使用html + javascript组合来实现这一目标? 感谢和感谢任何帮助。

+1

什么脚本正在渲染上面的表格行?它看起来像你可能在某种前端/ JS框架,它是什么?当你说你想单选按钮,但也“做一个href”,你的意思是单击单选按钮打开一个新的选项卡,或者有一个单选按钮和一个链接可见?此外,你试图自己努力解决问题的是什么? – haxxxton

+0

@haxxxton感谢您花时间在这里回复。是的你是对的,我的前端/ JS框架是自动生成这个下拉选择。想法是从下拉菜单中找到它到单选按钮。点击单选按钮不会打开新标签,但会显示来自href重定向网址的div部分内容。我不是一个JS精明的技术人员,所以无法得到这个如何可以在单选按钮内进行交互的工作,但我想要这种功能。 – pauldx

回答

-1

代码你试图将XYZ作为文本输入
尝试使用bootstrap我创建整个网站使用引导,它具有所有你想要的功能,他们也提供代码。

+0

谢谢,但该网站是什么?我知道有高度交互式的bootstrap框架。你在说这个吗?对不起,我不是JS开发人员我只想让我的自动生成的代码与JS – pauldx

+0

http://getbootstrap.com/components/中的更改一起工作,您将在此站点中获得引导代码 –