2017-03-08 4 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をクリックした場合、それはへのHREFを行いますたいです。同じターゲット位置として "http://example.com/xyz" ユーザがPQRをクリックすると、hrefを行います: "http://example.com/pqr"など...

これをどのようにhtml + javascriptの組み合わせで行うことができますか? ご協力いただきありがとうございます。

+1

上記のテーブル行をどのスクリプトでレンダリングしていますか?あなたは何らかのフロントエンド/ JSフレームワークにいるようですが、それは何ですか?ラジオボタンだけでなく、 "href"をしたいと言うと、ラジオボタンをクリックすると新しいタブが開き、ラジオボタンとリンクの両方が表示されますか?また、自分で問題を解決しようとして何を試みましたか? – haxxxton

+0

@haxxxtonここに返信する時間をとってくれてありがとう。はい、私のフロントエンド/ JSフレームワークはドロップダウンの選択肢としてこれを自動的に生成しています。ドロップダウンからラジオボタンに移動することをお勧めします。ラジオボタンをクリックしても新しいタブは表示されませんが、hrefのリダイレクトURLからdivセクションのコンテンツが表示されます。私はJSに精通した技術者ではないので、これをラジオボタン内でどのようにやりとりすることができるのか理解できませんが、この種の機能が必要です。 – pauldx

答えて

-1

はuouがテキスト入力
としてXYZを取るしようとしているコードは、私は、ブートストラップを使用してウェブサイト全体を作成したブートストラップを使用しようと、それはあなたが望むすべての機能を持っており、彼らは同様にコードを提供します。

+0

ありがとうございますが、そのウェブサイトは何ですか?私は非常にインタラクティブなブートストラップフレームワークがあることを知っています。あなたはそれについて話していますか?申し訳ありませんJS開発者ではありませんJS内の変更を自動生成するコードを作成したいのですが – pauldx

+0

http://getbootstrap.com/components/このサイトでは、ブートストラップコードを取得します –

関連する問題