-2

私はこのスクリプトを持っており、PHP のドロップダウン選択リストの値を取得し、if (jws1 != "") をチェックしてから、for ループを使用して 2 番目のドロップダウン ボックスに 1 から 10 の値を表示したいと考えています...

JavaScript コード:

<script language="javascript" type="text/javascript"> 
function test()
{
var e = document.getElementById("JWSections");
var Sections = e.options[e.selectedIndex].value;
alert(Sections);
}
</script>

HTML コード:

<select name="JWSections" id="JWSections" onchange="test();">
  <option value="">Select Sections</option>
  <option value="jws1">Section 1.1</option>
  <option value="jws2">Section 1.2</option>
  <option value="jws3">Section 1.3</option>
  <option value="jws4">Section 1.4</option>
</select>

jws1のような値を取得して、PHPにチェックインしたい。

4

2 に答える 2

0 
<select name="JWSections" id="JWSections" onchange="test(this);">
    <option value="">Select Sections</option>
    <option value="jws1">Section 1.1</option>
    <option value="jws2">Section 1.2</option>
    <option value="jws3">Section 1.3</option>
    <option value="jws4">Section 1.4</option>
</select>

<select name="JWSections" id="secondDropDown"> </select>

<script language="javascript" type="text/javascript"> 
function test(dropdown)
{
    var selectedjws = dropdown.options[dropdown.selectedIndex].value;
    var secondDropDown = document.getElementById('secondDropDown');
    $.post('path', { selectedjws : selectedjws }, function(key, value){
         // Remove all options from second dropdown
         for(var i = 0; i < secondDropDown.options.length; i++){
             secondDropDown.remove(i);
         }
         // Add options by key value pair returned from server
         secondDropDown.add(new Option(value, key))
    });
}
</script>

jsfiddle： http: //jsfiddle.net/KTq6y/1/

于 2012-10-10T09:57:53.627 に答える
0

PHP が HTML フォーム データを処理できるようにするには、それを PHP に送信する必要があります。

フォーム自体を送信するか、AJAX を使用して jws1 の値を渡し、結果からオプションを構築することができます。Jquery はそのようなことを行うのに非常に適しています。AJAX 要求のデータ型を HTML に設定し、「成功」コールバックからのデータを宛先ドロップダウン リストに割り当てるだけです。

于 2012-10-10T10:00:35.603 に答える