Question

好吧，由于某种原因，我需要有一个输入字段，当选中复选框时，该字段会填满。输入字段将复选框的值作为输入。之后，我需要将该值放在另一个输入字段中，该字段是只读的，并且其样式设置为看起来不像输入（不要问），但是如果该值长于该字段，则会部分显示文本。

现在我已经看到了一些代码，这些代码在类似here之类的情况下会有所帮助，但仅在字段中输入文本时才有用。我需要根据已输入的值进行更改。

我有这个：

<input type="checkbox" id="single_room" value="Single room"/>
<input type="text" name="single_room_input" id="single_room_input" style="display: none;">

然后将值提交并用php处理，并再次显示在另一个输入字段中：

<span class="text">
{$single_room_input}
</span>
<input class="overview-data" name="single_room_input" value="{$single_room_input}" readonly>

如果我使用

$(function () {
$('.overview-data').on('input', function () 
{ $('.text').text($('.overview-data').val()); });
});

除非您实际输入内容，否则它不会调整输入字段的大小。

如果有人可以告诉我是否有可能，如果可以的话-如何做我需要做的事，我将不胜感激。

Answer 1

因此，如果我对它的理解正确，您将有一个包含值的复选框。当您单击该复选框时，输入字段将填充该复选框的值，并且另一个READONLY输入字段也将填充相同的值？

然后您可以执行以下操作：

$(document).on("click", "#single-room", function() {
 var checkboxValue = $(this).val();
 $("#single-room-input").val(checkboxValue);
 $("#your second input field id").val(checkboxValue)
//then do .css to style the length
});

根据已经输入的输入来调整输入字段的大小

1 个答案: