2012-04-27 12 views
-1

[OK]を、私は自分自身のドロップダウンボックスをcretedている。私はディヴィジョンを持っており、ディビジョンでは私はスパンを持っています。私はその内側のスパンテキストをつかむ必要があります。それ、どうやったら出来るの?スパンのテキストは変更されます。私は15歳なので、休憩してください!助けが必要です!これは値がピケであることです。得する必要があるものであるPHPでスパンの内部テキストを取得する方法

<div> 
<select id="test_select" style="display:none;"> 
     <option value="1">Graphic Designer</option> 
     <option value="2">Animator</option> 
     <option value="7">Announcer</option> 
     <option value="11">Web Developer</option> 
     <option value="12">Judge</option> 
     </select> 

</div> 

<div class="custom-select"> 
    <span>Select Option</span> 
    <ul>   
    </ul> 
</div> 
+0

これにはJavaScriptが必要です –

+3

PHPはサーバ上で動作し、* HTMLを生成します。ブラウザで動的に処理したい場合は、JavaScriptが必要です。 – Wyzard

+0

まあ、私は、PHPスクリプトを介して電子メールでテキストを送信しています。 –

答えて

1

[OK]を、あなたはこれを成し遂げるために、単にPHPよりも必要になるだろう。 JavaScriptも必要です。

あなたのHTMLから始めましょう。レンダリングされた出力が次のようになっていると仮定しています。なぜこのようにしているのか疑問に思わないでしょう。

<div id="dropdown"> 
    <span>Option One</span> 
    <span>Option Two</span> 
    <span>Option Three</span> 
</div> 

あなたのHTMLに私の推測があります。

PHPに値をポストするには、入力フィールドで選択した値をフォームでポストする方法が必要です。おそらく隠された入力があなたにとって最良の選択肢になるでしょう。

<input type="hidden" name="dropdown-selection" id="dropdown-selection" /> 

マークアップが完了しました。次に、divから選択したオプションを取得し、隠しフィールドに貼り付ける必要があります。私はあなたのdivを見て、ドロップダウンのように正確に動作するように(何かをコード化していると仮定しています。

これはjQueryのを使用してJavaScriptコードである。

<script type="text/javascript"> 
    $(function() { 
     $('#dropdown-selection').val($('#dropdown span:visible').text()); 
    }); 
</script> 

限り、あなたがきたように、今すぐ(。我々は唯一の冗談StackOverflowの上のjQueryを使用しています。それは真実ではないまあ、それは本当少しです)隠しフィールドがあなたのターゲットPHPページにポストバックするフォームに含まれていることを確認したら、利用可能なspanタグの値を取得します。

ここでページを設定する方法についてかなりの前提があります。現実に縛られていない部分で私を修正してください。

+0

私がIDの代わりにクラスを使用している場合は、 '.asdf'または 'asdf'と答えてください。 –

+0

HTMLにクラスを追加する場合は、 "asdf"を使用します。そのクラスを持つ要素を参照するためにjQueryを使用する場合は、 '$( '。asdf')'または '$( 'myParentElement .asdf')'を使用します。クラスが "asdf"の "myParentElement"タグ理にかなっている? –

+0

( '。ドロップダウンスパン:表示')。テキスト()); ---私はここにドットを置くかしないか? –

関連する問題