36

非表示の入力の値を設定するのに苦労しています。

オプションタグの間から非表示のフィールドエンドランに HTML を渡したいのですが、これは wordpress のページタイトルになりますwp_list_dropdowns()。テキストを正常に返すようになりました。変更イベントで css が正しく追加されます (隠しフィールドでは明らかに不要ですが、問題が発生している場所を特定しようとしていました)。非表示の入力をテキスト入力に変更すると機能します。SO のいくつかの場所でこれが可能であることを確認しました (つまり、非表示の入力の値を変更します) が、何かが私を支えていて、答えがわかりません。

JSFiddleは次のとおりです。

JavaScript:

$(".selector").change(function() {
    var $value = $(this).val();
    var $title = $(this).children('option[value='+$value+']').html();
    alert($title); 
    $('input#bacon').val($title).css('border','3px solid blue');
});

HTML:

<select class="selector" name="testselect">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>
</h3>

<input id="bacon" type="hidden" class="bacon" value="" name="testinput">
4

4 に答える 4

37

次のように簡単です。

$('#action').val("1");

#action非表示の入力フィールド ID です。

于 2013-09-04T07:46:50.393 に答える
24

jQuery コードは完全に機能します。隠しフィールドが更新されています。

于 2011-03-13T12:47:33.567 に答える
6

動作するようです

$(".selector").change(function() {

    var $value = $(this).val();

    var $title = $(this).children('option[value='+$value+']').html();

    $('#bacon').val($title);

});

あなたのfirebugで確認してください。また、隠し入力に css を配置しないでください。

于 2011-03-13T12:46:00.403 に答える
0

Drupal でこれを行い、フォーム API を使用して hook_form_alter で #type を text から 'hidden' に変更する場合 (たとえば)、出力 HTML には異なる (または省略された) DIV ラッパー、ID、およびクラスがあることに注意してください。名前。

于 2012-01-30T06:12:57.457 に答える