在我的应用程序中，我有几个表单，用户可以在其中选择值，并且该值将显示在文本输入字段中。这些值通常是一到三个字符。一旦我选择了我的输入字段扩展的值(更改了宽度)。输入字段有足够的空间(大小设置为10)并且没有理由扩展。我检查了我的值是否被 trim ，并且该值没有任何奇怪的地方。我想知道这是否与我使用的 JQuery .val() 还是其他有关？这是我的代码示例。
HTML:
<div class="formItem">
<label for="status">Status:</label>
<input type="text" name="status" id="status" value="" data-master="SS_STATUS" size="10" maxlength="10" readonly />
<img src="Images/add.png" alt="Click to add value" class="masterRecords" />
</div>
JQuery:
//Looping through the table with the records where users choose desired code/value for their input field
$('#searchTbl tbody tr').on('click', function(){
var codeVal = $.trim($(this).find('td:eq(0)').text()); //Here I grab the value from the table
$('#status').val(codeVal).css('font-weight','bold'); //Here input field is populated
});
我附上了图像，您可以在用户选择值之前和之后看到输入字段。场大小有明显差异。 HTML 结构没有任何变化(设置值后我在开发工具中进行监控)。
最佳答案
如果我是正确的，您不仅设置了一个值，还应用了一种样式:.css('font-weight','bold');，我怀疑这是您更改输入宽度的原因...
尝试删除对 .css() 的调用进行检查，如果确认，请尝试在渲染页面时应用您的样式...
关于javascript - 设置值后输入字段是否扩展？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44630392/