1

非表示の HTML 変数を使用して、PayPal に情報を送信するためのカスタム フォームを作成しています。ただし、これは PayPal というよりも jQuery に関する質問です。ドロップダウンが<select>あり、メニューに特定の値が選択された場合にのみ非表示の入力が表示されるようにし<select>ます。例えば：

<form class="test_form">
    <select class="test_select">
        <option value="test1">Test 1</option>
        <option value="test2">Test 2</option>
    </select>
    <input type="submit" value="submit" />
</form>

たとえば、「test2」を選択した場合、非表示の入力をフォームに表示したいとします。これは私が使用したコードですが、動作していないようです:

<script>
$('.test_form').change(function(){
if ($(".test_select").val() == 'test2'){
     $("#test_form").html("<input type="hidden" name="weight" value="0.22" />");
}
});
</script>

特定の値を選択したときにこれをコードに表示するにはどうすればよいですか? ご協力いただきありがとうございます！

4

4 に答える 4

1

これをチェックしてくださいFIDDLE、コピーして使用するだけでなく、間違いをチェックしてください

$(function(){
    $('.test_select').change(function(){
        if ($(".test_select").val() == 'test2'){
            $(".test_form").append($('<input type="hidden" name="weight" value="0.22" />'));
        }
    });
});
于 2013-04-16T07:06:57.030 に答える
0

最善の方法は、入力を html に保持し、非表示にすることです。次に、必要に応じてフェードインします。

<input type="text" style="display:none" id="hiddeninput">
....
....
<script>
function disp(){
    $('#hiddeninput').fadeIn(1000);
}
</script>
于 2013-04-16T07:03:36.500 に答える
0

コードをこれに変更します

$('.test_select').change(function(){ 
    if ($(".test_select").val() == 'test2'){ 
        $('<input>').attr({
            type: 'hidden',
            value: '0.22',
            name: 'weight'
        }).appendTo('form');
    }
});
于 2013-04-16T07:04:26.737 に答える
0

これをフォーム内のコードに追加します

<div id="test2" class="tests" style="display: none;">
 <input type="text" name="yourname"/>
</div>

スクリプトを次のように変更します

$('.test_select').change(function() {
  $('.tests').slideUp("slow");
  $('#' + $(this).val()).slideDown("slow");
});

したがって、test2 を選択するとテキスト フィールドが表示され、それ以外の場合はテキスト フィールドが非表示になります。

于 2013-04-16T07:11:40.137 に答える