リストボックスの選択をURL名に反映

解決済

質問者：PK7
質問日時：2005/03/10 10:51
回答数：1件

IE6で使用できれば良いのですが、
ユーザの選択によってジャンプ先を決めたいと考えています。
実際は複雑で簡潔に書きますと、
ジャンプ先の構成は、
品名A、品名B、・・・・品名Z
とあり、それぞれ、１日、２日、・・・３１日
とあります。ユーザは、品名と日付けを選択します。
例えば、品名Xの１０日を選べば、
http://test.com/hin_X_day10.html
にジャンプしてほしい。と考えています。
どのようにHTMLを記述すればよいでしょうか。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： kappa_neko
回答日時：2005/03/10 11:41

こんな感じかな？

<html>

<head>

<script>

function jump_(){
with(document.form1){
article_ = article[article.selectedIndex].value;
day_ = day[day.selectedIndex].value;
url = 'http://test.com/hin_' + article_ + '_day' + day_ + '.html';
// alert(url);
window.open(url);
}
}
</script>
</head>

<body>
<form name="form1">
<select name="article">
<option value="AAA">商品A</option>
<option value="BBB">商品B</option>
<option value="CCC">商品C</option>
<option value="DDD">商品D</option>
</select>
<select name="day">
<option value="1">1日</option>
<option value="2">2日</option>
<option value="3">3日</option>
<option value="4">4日</option>
</select>

<button onclick="jump_();">表示</button>
</form>
</body>

</head>