[Fiddle][solution]
[solution]: http://jsfiddle.net/apurvaojas/yvLj1400/1/
$("input[type='number']").change(function(){
var ip = $(this);
switch($('select').val())
{
\t \t \t case 'per': $('div.block').width(ip.val()+"%");
\t \t \t break;
\t \t \t case 'em': $('div.block').width(ip.val()+"em");
\t \t \t break;
case 'px': $('div.block').width(ip.val()+"px");
\t \t \t break;
\t \t \t
\t \t \t default: return;
\t \t }
});
div.block{
background: red;
width: 100px;
height: 100px;
margin-top:10px;
}
.container{
width: 100%;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="number" name="val">
<select>
<option value="per">%</option>
<option value="em">em</option>
<option value="px">px</option>
</select>
<div class="container">
<div class="block"></div>
</div>
Я думаю, что это может решить вашу проблему.
вы пытались что-нибудь с вашей стороны? –
Я попытался изменить пример пользовательского интерфейса jQuery без везения. Поиск похожих плагинов тоже не помог. Ответ от [этого вопроса] (http://stackoverflow.com/questions/28605416/display-of-units-in-html-stepper-input-type-number#answer-29271539) близок к тому, что я ищу. Я пытаюсь изменить его в соответствии с моими потребностями. – fornyhucker