0

ドロップダウン選択に基づいて入力テキストを非表示および表示しますが、フォームを送信すると「入力テキスト」が表示されなくなり、フォームの検証が完了しませんでした。

私はjqueryを使用しており、表示と非表示を切り替えることができ、完全に機能しますが、この部分は私を悩ませています。

私の顧客はすべてのフォーム フィールドに入力するわけではないので、フォームを送信するときに、ドロップダウンの選択に基づいて入力テキストを確認してもらいたいのですが、入力テキストがありません。

$(document).ready(function() {
    $('#shipping').change(function() {
        if ( $("#shipping").val ()  ==  "LA") 
        {                              
            $('#mydiv').show();
        }
        else
            $("#mydiv").hide();
    }); 
});

<select name="shipping" id="shipping">
 <option value="LA">LA</option>
 <option value="NYC">NYC</option>
</select>

<tr id="mydiv" style="display:none">
<td><input type="text" name="testing"></td>
</tr>


<tr>
<td><input type="text" name="testing2"></td>
</tr>



<tr>
<td><input type="text" name="testing3"></td>
</tr>

<input type="submit" value="Submit" />
4

4 に答える 4

0

ページがその情報でリロードされたときに div を表示したい場合は、ページのロード時に選択された情報を確認する必要があります。デフォルトの表示を none にしないでください。ページをロードするときに非表示にします。

 $(document).ready(function() {
 $("#mydiv").hide();

var shipLocation = $("select#shipping").val();
if ( shipLocation ==  "LA") 
    {                              
        $('#mydiv').show();
    }

次に、配送変更方法を追加します。

于 2013-08-26T20:30:16.073 に答える
0

ここでjsFiddleを見てください。できます。<table>HTML にタグが表示されません。これが問題です。

<select name="shipping" id="shipping">
    <option value="select">Select</option>
    <option value="LA">LA</option>
    <option value="NYC">NYC</option>
</select>
<table>
<tr id="mydiv" style="display:none">
    <td>
        <input type="text" name="testing" value="show/hide"/>
    </td>
</tr>
<tr>
    <td>
        <input type="text" name="testing2"/>
    </td>
</tr>
<tr>
    <td>
        <input type="text" name="testing3"/>
    </td>
</tr>
    </table>
<input type="submit" value="Submit" />

Javascript:

$('#shipping').change(function () {
    if ($("#shipping").val() == "LA") {
        $('#mydiv').show();
    } else $("#mydiv").hide();
});
于 2013-08-26T20:14:04.407 に答える