Установленное значение скрытого поля в форме с помощью jQuery “.val ()” не работает

Я пытался установить значение скрытого поля в форме с помощью jQuery, но без успеха.

Вот пример кода, который объясняет проблему. Если я сохраняю входной тип для "написания сообщение", он работает без любой проблемы. Но, изменяя входной тип на "скрытый", не работает!

<html>

    <head>
        <script type="text/javascript" src="jquery.js">
        </script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("button").click(function() {
                    $("input:text#texens").val("tinkumaster");
                });
            });
        </script>
    </head>

    <body>
        <p>
            Name:
            <input type="hidden" id="texens" name="user" value="texens" />
        </p>
        <button>
            Change value for the text field
        </button>
    </body>

</html>

Я также попробовал следующее обходное решение путем установки входного типа для "написания сообщение" и затем использования стиля "display:none" для поля ввода. Но, это также перестало работать! Кажется, что jQuery испытывает некоторые затруднения при установке скрытых или невидимых полей ввода.

Какие-либо идеи? Существует ли обходное решение для этого, которое на самом деле работает?

184
задан xr280xr 31 October 2016 в 09:49
поделиться

1 ответ

: текст завершится ошибкой для ввода со значением типа hidden . Также гораздо эффективнее просто использовать:

$("#texens").val("tinkumaster");

Атрибуты идентификатора должны быть уникальными на веб-странице, убедитесь, что они есть у вас, так как это может способствовать возникновению любых ваших проблем, а указание более сложного селектора просто замедляет работу и не помогает. Неприятно.

Пример на http://jsbin.com/elovo/edit , используя ваш пример кода на http://jsbin.com/elovo/2/edit

301
ответ дан 23 November 2019 в 05:56
поделиться
Другие вопросы по тегам:

Похожие вопросы: