質問編集履歴

1 修正

selafu-t

selafu-t score 9

2016/02/17 22:25  投稿

jqueryでselectで選んだ値を取得し他のselect内の文字列を変更する
以下のようなselectboxが並んでいて
例えばselect name="key1"のoption value=aを選んだら
ほかの全てのselect内の値のaの前に●印をつけて、
select name="key2"のoption value=bを選んだら
ほかの全てのselect内の値のaの前に●印をつけるというふうに
今度はほかの全てのselect内の値のbの前に●印をつけるというふうに
jqueryでやる場合にはどうしたらよいのでしょうか?
<select name="key1" id="key_id1">
   <option value="a">a</option>
   <option value="b">b</option>
   <option value="c">c</option>
   <option value="d">d</option>
</select>
<select name="key2" id="key_id2">
   <option value="a">a</option>
   <option value="b">b</option>
   <option value="c">c</option>
   <option value="d">d</option>
</select>
<select name="key2" id="key_id2">
   <option value="a">a</option>
   <option value="b">b</option>
   <option value="c">c</option>
   <option value="d">d</option>
</select>
  • HTML

    11859 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • jQuery

    8341 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る