人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascriptに関する質問です。
javascriptを使って、
ボタン(イメージ画像)をクリックするとコンボボックスの
特定の値を表示するようにしたいのですが、
どのようにしたらいいよいでしょうか。
手順及び何か良いサンプルソース等ありましたら教えてください。
よろしくお願いいたします。

●質問者: sasamame
●カテゴリ:コンピュータ 科学・統計資料
✍キーワード:JavaScript イメージ クリック コンボ サンプルソース
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● static_void
●30ポイント

http://www.hatena.ne.jp/

はてな

コレでよいでしょうか?


<html>

<head>

<script type=”text/javascript”>

function hoge(selObj)

{

alert(selObj.value);

}

</script>

<body>

<img src=”http://www.hatena.ne.jp/images/hatenaquestion.gif” onClick=”hoge(document.hogeForm.hogeSelect)”>


<form name=”hogeForm”>

<select name=”hogeSelect”>

<option value=”1”>1</option>

<option value=”2”>2</option>

<option value=”3”>3</option>

<option value=”4”>4</option>

</select>


</form>

<body>

</html>


2 ● aki73ix
●30ポイント

http://nifberry.727.net/test/hatena128/hatena155.htm

selectedIndexを触ることで実現できます


<HTML>

<BODY>

<FORM Name="form1">

<SELECT Name="Combo1">

<OPTION NAME="1">あ

<OPTION NAME="2">い

<OPTION NAME="3">う

</SELECT>

</FORM>

<IMG SRC="test1.gif" OnClick="SelCombo(0);/* 1をクリックした時*/"><BR>

<IMG SRC="test2.gif" OnClick="SelCombo(1);/* 2をクリックした時*/"><BR>

<IMG SRC="test3.gif" OnClick="SelCombo(2);/* 3をクリックした時*/"><BR>

</BODY>

<script language="JavaScript">

<!--

function SelCombo(inp){

// inpにパラメータが入り SelectIndexに代入

  document.form1. Combo1.selectedIndex=inp;

}

// -->

</script>

</HTML>


3 ● mady
●30ポイント

http://www.tohoho-web.com/www.htm

とほほのWWW入門

必要なの情報が不足しているようなので、十分に理解できないのですが、こんな感じでしょうか?


<input type=”button” onclick=”alert(document.all.cmb.value)”>

<select name=”cmb”>

<option value=”1”>1

<option value=”2”>2

<option value=”3”>3

<option value=”4”>4

</select>


「特定の値」とは選択された値のことだと独自に解釈しました。

「表示」とは、アラートで出せばいいものと解釈しました。


どうでしょう?

◎質問者からの返答

みなさんありがとうございました。大変参考になりました。(^^)

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ