0

私はフィドルを作り、それを下に置きました。選択オプションがあり、所有者と非所有者の 2 つのオプションがあります。次に、選択した内容に基づいて質問が行われます。私はあなたに答えを追加し、フィードバックを返します。私の問題は、if ステートメントを使用して所有者か非所有者かを言おうとしていることです。

<div class="list owner">
Number 1: <input id="box1" type="text" /><br/>
Number 2: <input id="box2" type="text" /><br/>
Number 3: <input id="box3" type="text" /><br/>
</div>

<div class="list not-owner">

Number 4: <input id="box1" type="text" /><br/>
Number 5: <input id="box2" type="text" /><br/>
Number 6: <input id="box3" type="text" /><br/>
</div>
<button id="butt">Go</button>
<div id="output">

http://jsfiddle.net/philyphil/CcVsz/11/embedded/result/

4

4 に答える 4

1

HTMLコードを次のように変更します

<select class="myOptions">
  <option value="" selected>Pick an option</option>
  <option value="owner">Owner</option>
  <option value="not-owner">Not Owner</option>
</select>

利用価値を得るために

$('.myOptions').val();

これを使用して、if..else..ステートメントを構成します。

このJSFiddleを確認してください。

于 2013-06-29T06:29:14.877 に答える
0

意味的に正しいデータ属性を使用したため、現在のhtmlで選択したオプションから値を取得するには、次を使用します

var opt = $('.myoptions').find('option:selected').data('val');

そして、あなたのテストは

if ( opt == 'owner' ) {
}

これを短縮できると確信しています

var opt = $('.myoptions option:selected').data('val');

これは、html 5 のカスタム データ属性に慣れていない人には奇妙に見えるかもしれません。

<option value="owner">Owner</option>

テストと使用 

var opt = $('myoptions').val();
于 2013-06-29T06:51:05.150 に答える