2017-03-08 76 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/中的更改一起工作,您將在此站點中獲得引導代碼 –