Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Маска ввода при выборе Селекта (https://javascript.ru/forum/dom-window/32809-maska-vvoda-pri-vybore-selekta.html)

BLP 30.10.2012 22:27

Маска ввода при выборе Селекта
 
Нужно...

1 поле с SELECT, второе ТЕКСТОВОЕ, куда выводится значение при выборе Селекта. Это, в принципе, есть и не проблема.

Кроме того, тектовое поле должно иметь маску ввода. Это тоже есть, и не проблема.

Проблема в следующем, как сделать, чтобы при выборе Селекта его значение сталовилось нестираемой частью маски?

<

<script type="text/javascript">
			function Breeds()
			{
				document.entry_form.product.value=document.entry_form.Cat.value+" "
			}
</script>
                        
<script type="text/javascript">
jQuery(function($) {
	
var breed=document.entry_form.Cat.value;
	
$.mask.definitions['~']='[+-]';

$('#product').mask(breed+' ***********');
});</script>


</head>
<body>
<form name="entry_form">
  <select name="Cat" class="text" id="Cat" onChange="Breeds()" onBlur="checkPassword()" >
    <option value="?">?</option>
      <option value="PER">Persian</option>
      <option value="MCO">Maine Coon</option>
    </select>
  <p>
    <input id="product" type="text" size="35" />
  </p>
</form>


Реальный пример ЗДЕСЬ

BLP 05.11.2012 12:50

так никто и не подскажет? :help:

bes 05.11.2012 16:35

как оставить ? не знаю
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.min.js"></script>
<script>
jQuery(function($) {
	$('select[name="cat"]').on('change', function (e) {
		var inp = $("#product");
		inp.val('');
		var str = $(this).val() + ' ***********';
		inp.mask(str,{placeholder:" _"});
		inp.focus();
		
	});
	$('select[name="cat"]').change();
});
</script>


</head>
<body>
<form name="entry_form">
	<select name="cat" class="text" id="Cat">
		<option value="?">?</option>
		<option value="PER">Persian</option>
		<option value="MCO">Maine Coon</option>
	</select>
	<p>
		<input id="product" type="text" size="35" />
	</p>
</form>

BLP 05.11.2012 18:06

bes, спасибо!
Это именно то, что мне нужно!

BLP 05.11.2012 18:25

Как это выглядит в реале ЗДЕСЬ

Кстати, а как сделать, чтобы в маске были возможно пробелы в любом месте...
Напр, мне надо, чтоб итог выглядел так: MCO ns 09 23 -или- MCO w 62

bes 05.11.2012 18:38

$.mask.definitions['*'] = "[A-Za-z0-9 ]";
туда же можешь и русские буквы засунуть ;)

BLP 05.11.2012 18:44

не, русские не надо... Спасибо, получилось )))


Часовой пояс GMT +3, время: 06:54.