0

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

下の画像でわかるように、 でオプションを選択するとid="chocolate-yes"、<select id="icecreamcone">無効になります。と

の両方が選択されていない場合、 のオプションは無効になりません。id="chocolate-yes"id="vanilla-yes"id="icecreamcone-no"

簡単に言えば、バニラアイスクリームまたはチョコレートアイスクリームを追加する場合は、スプリンクルを除いて、常にアイスクリームコーンが必要です:)


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

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



<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

2 に答える 2

0

JQueryの使用

$('#icecreamcone').change(function() {
alert("There has been a change");
//Use Javascript to disable.
});

#icecreamconeを、変更イベントを監視する要素の選択IDに置き換えます。

唯一の注意点は、無効にされたフォーム要素は送信されないため、値を非表示の入力タグに格納して送信することです。

于 2012-11-08T14:20:59.540 に答える
0

わかりました、このようなものがあなたを助けるかもしれません:

​$( "select" )​.change(function() {
    if ( $( "#vanilla" ).val() == "yes" || $( "#chocolate" ).val() == "yes" )
        $( "#icecreamcone" ).val( "yes" );
    else
        $( "#icecreamcone" ).val( "addicecreamcone" );
});​

ここで試すことができます

于 2012-11-08T14:45:34.837 に答える