0

htmlフォームを定義しました。ユーザーが自分の職業を選択するためのボタンがあります。彼の職業がたまたま学生である場合、私は別の新しいボタンを動的に生成する必要があります。ユーザーが学生以外のものを選択した場合、新しいボタンは必要ありません。方法がわかりません。jqueryを使用しますか？jqueryを使用することはわかりません。誰か助けてもらえますか？任意のポインタ

ありがとう。

<?php

?>
<script language="javascript" type="text/javascript">
$(document).ready(function()
{
    $('#occupation').change(function()
    {
        if($(this).val() == 'Student')
        {
            $('#school').show();
        } else {
            $('#school').hide();
        }
    });
});


</script>

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>


<form>

<select name="occupation" id="occupation">
    <option value="">- Select Occupation -</option>
    <option value="Worker">Worker</option>
    <option value="Student">Student</option>
</select>
<select name="school" id="school" style="display: none;">
    <option value="">Select School Type</option>
    <option value="4 Year">4 Year</option>
    <option value="2 Year">2 Year</option>
</select>


</form>

</body>
</html>
4

2 に答える 2

3

個人的には、次のように単純に非表示にした追加のフォーム要素をHTMLに配置することでこれを実現します。

<select name="occupation" id="occupation">
    <option value="">- Select Occupation -</option>
    <option value="Worker">Worker</option>
    <option value="Student">Student</option>
</select>
<select name="school" id="school" style="display: none;">
    <option value="">Select School Type</option>
    <option value="4 Year">4 Year</option>
    <option value="2 Year">2 Year</option>
</select>

次に、私がjQueryを好むので、JSを使用して、divを表示したり、該当する場合はdivを非表示にしたりできます。

$(document).ready(function()
{
    $('#occupation').change(function()
    {
        if($(this).val() == 'Student')
        {
            $('#school').show();
        } else {
            $('#school').hide();
        }
    });
});
于 2012-10-11T15:52:31.120 に答える
0

jQueryを使用すると、これが簡単になります。

あなたが次のものを持っているとしましょう：

<form>

  <select name="occupation">
      <option value="Non-Student">Non-Student</option>
      <option value="Student">Student</option>
  </select>

</form>

次に、ユーザーが「学生」を選択した場合、ボタンを追加するために以下が使用されます。

$(function(){
    $('select[name="occupation"]').change(function(){
      var val = $(this).val();
      if(val=='Student'){
         $('form').append('<button>New Button</button>');
      }
    });
});
于 2012-10-11T15:51:10.000 に答える