Замена текста типа ввода на изображение с помощью jQuery - PullRequest
Новая
       23

Замена текста типа ввода на изображение с помощью jQuery

0 голосов
/ 27 марта 2020

У меня есть список типов входов, которые нужно заменить соответствующими изображениями. 

<input type="text" id="user_fruitName_0_fruit_type" name="user[fruitName][0][fruit_type]" disabled="disabled" required="required" class="show_fruit form-control" value="MELON" />

<input type="text" id="user_fruitName_1_fruit_type" name="user[fruitName][1][fruit_type]" disabled="disabled" required="required" class="show_fruit form-control" value="STRAWBERRY" />

<input type="text" id="user_fruitName_2_fruit_type" name="user[fruitName][2][fruit_type]" disabled="disabled" required="required" class="show_fruit form-control" value="BLUEBERRY" />

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

    var str = $(this).attr('value')
    if (str = 'MELON'){
        $( ".show_fruit" ).replaceWith( "<img src='img/melon_logo.png'" )
    }
    else if (str = 'STRAWBERRY'){
        $( ".show_fruit" ).replaceWith( "<img src='img/strawberry_logo.png'" )
    }
    })

Есть ли лучший способ сделать это? Помогите новичку здесь!

1 Ответ

0 голосов
/ 27 марта 2020

Что вам нужно сделать, это скрыть INPUT и установить DIV с фоновым изображением, показанным там. Если они нажимают на изображение, вы можете сделать ввод, чтобы показать снова ... Не совсем уверен, что вы хотите сделать sh.

...