HTML/Javascript输入类型=“;文本“-如何显示不同于值的文本
HTML/Javascript Input type="text" - How to shows text different from value?
实际上我有一个数据列表:
<datalist id='modelsList'>
<option value='1'>Dummy1</option>
<option value='2'>Dummy2</option>
</datalist>
这用于输入:
<input type='text' name='dummy' autocomplete='off' list='modelsList' value=''/>
如果我开始键入Dummy2,然后单击下拉列表结果,文本框显示2。我需要找到一种方法,将2作为值,但将Dummy2作为文本。
我不能使用下拉列表(选择标签)
这里,我的解决方案根据您的需要进行检查。。。您可以使用输入事件来实现这样的功能,
HTML
<input type='text' id='dummy' list='modelsList'/>
<datalist id='modelsList'>
<option value='1'>Dummy1</option>
<option value='2'>Dummy2</option>
</datalist>
Jquery
$("#dummy").on('input', function () {
var val = this.value;
if($('#modelsList option').filter(function(){
return this.value === val;
}).length) {
var option = $('#modelsList').find('option[value="' + val + '"]');
$(this).val(option.text());
}
});
同时检查上述代码的DEMO。
HTML5中文本input
的格式如下:
<input type="text" name="name" value="Value" placeholder="Placeholder Text">
当用户键入内容时,value
会发生变化。
您可能会混淆textarea
:
<textarea name="name">Value</textarea>
如果你想放一个textarea
标签,你必须知道value
属性是无效的,但如果你想用它代替input
,并且格式与你放的类似:
<textarea name="name">contentHere</textarea>
相关文章:
- 为什么在页面上单击的先前链接的文本显示在 AJAX 请求中
- JavaScript NaN错误,输入文本显示为NaN
- 关于socket.io实时文本显示的问题
- 如何使用javascript使文本显示在文本字段中
- 在它们之间切换时,jQuery 文本显示在活动文本下方
- 使用 ajax 乱码文本显示图像
- 带有文本显示js功能的图像映射 - 某些部分不显示
- 来自 Ajax 请求的文本显示不正确
- 如何使用 JavaScript 使文本显示
- 是否可以将元素内部的文本显示在 ::在 css 之前
- on更改文本框的文本显示在另一个文本框上
- 在文本显示在Scroll上之前在页面上隐藏文本的问题
- 使用带文本显示的Jquery切换文本
- 如何使文本显示速度变慢
- 如何将图片添加到点击计数器文本显示<图像><点击量>
- 文本显示有延迟
- 根据在另一个文本框中输入的文本显示文本框中的文本
- 如何从点击文本显示文件浏览器,并在悬停文本时将鼠标光标更改为指针
- 使文本显示为几行可点击的线条
- 如何使文本显示