0

たとえば、id="chocolate-yes"またはid="vanilla-yes"でオプションを選択すると、 でオプションid="icecreamcone-yes"も選択されます。


これを行うことができるJavascriptを知っている人はいますか?

注 1: オプション withid="sprinkles-yes"は効果がありませんid="icecreamcone-yes"。
注 2: ID 名は変更できません。また、要素にプロパティを追加することもできません。
注 3: jQuery は使用できません。

<ul id="icecream" style="list-style:none;line-height:30px;">
  <li>
    <select id="icecreamcone">
      <option value="addicecreamcone">Would you like an ice cream cone?</option>
      <option id="icecreamcone-yes" value="yes">Yes</option>
      <option id="icecreamcone-no" value="no">No thanks</option>
    </select>
  </li>
  <li>
    <select id="vanilla">
      <option value="addvanilla">Would you like to add vanilla ice cream?</option>
      <option id="vanilla-yes" value="yes">Yes</option>
      <option id="vanilla-no" value="no">No thanks</option>
    </select>
  </li>
  <li>
    <select id="chocolate">
      <option value="addchocolate">Would you like to add chocolate ice cream?</option>
      <option id="chocolate-yes" value="yes">Yes</option>
      <option id="chocolate-no" value="no">No thanks</option>
    </select>
  </li>
  <li>
    <select id="sprinkles">
      <option value="addsprinkles">Would you like to add sprinkles on top?</option>
      <option id="sprinkles-yes" value="yes">Yes</option>
      <option id="sprinkles-no" value="no">No thanks</option>
    </select>
  </li>
</ul>

4

1 に答える 1

2

これを試して。

document.getElementById("chocolate").onchange = function(){
  if(document.getElementById("chocolate").options[1].selected == true) {
    document.getElementById("icecreamcone").options[1].selected = true
  }
}

Chocolate IceCream を Yes に選択すると、Icecrem Cone も自動的に Yes に設定されます。

于 2012-11-12T14:02:29.830 に答える