Javascript Jquery选择字段填充输入字段

我试图从下拉列表中选择一个选项，并用正确的值填充输入字段

我想将值1设置为$100 val 2设置为$200

我将无法访问数据库来存储这些值

<div class="row">
        <div class="form-group">
            <select class="form-control" id="costfield" name=
            "costfield">
                <option value="Select Country"> Select Country</option>
                <option value="1"> country 1</option>
                <option value="2"> country 2</option>
                <option value="1"> country 3</option>
            </select>
        </div>
    </div>
        <div class="form-group">
            <input type="estimate" class="form-control" id="exampleInputEstimate1" placeholder="Estimate">
        </div>
    </div>
    <script>
    $( "#costfield" ).val();
        $( "#estimate" ).text( "this" ).show();
    </script>
</div>

---

您可以使用jQuery在Select更改时从中获取值，然后相应地更改输入的值。所以把它放在脚本标记之间

$('#costfield').on('change', function() {
var value = $(this).val();
$('#exampleInputEstimate1').val(value);
});  

---

可以将每个元素的值存储在HTML5数据属性中。当期权的“值”属性与指定给它的美元值之间没有直接关系时，这种方法非常有用

p/s:type=估算值不是有效的属性值。无论如何，浏览器都会自动将无效类型解析为文本

//倾听变化 $'costfield'.changefunction{ $'exampleInputEstimate1'.val$this.find'option:selected'。数据'dollar-value'； }; 选择国家 国家1 国家2 国家3

---

您可以将选项值设置为100或200，然后在下拉列表中进行任何更改时，将输入值设置为该值

$("#costfield").on("change", function(){
    $("#exampleInputEstimate1").val($("#costfield").val());
} );

如果您想保持选项值不变，那么您仍然可以使用与上面相同的选项值，只需稍作更改。假设1是100，2是200，3是300，依此类推

$("#costfield").on("change", function(){
    $("#exampleInputEstimate1").val($("#costfield").val() + "00" );
} );

此外，您可能希望放置一个新选项，并将其设置为空，没有任何值，这样您就可以强制用户选择某些内容。或者，您可以在文档加载时设置输入，并保留您拥有的选项数。又名：

<option value="" ></option>

---

如果我理解正确的话，应该是$'estimate'.val$costfield.val；我同意@Sushil，如果你选择正确的元素：$'exampleInputEstimate1'.val$costfield.val；您的输入不能有保存值估计值的类型属性，这是无效的。请快速编辑以隐藏个人信息。这就是为什么有些html是不正确的$'exampleInputEstimate1'@Michel谢谢。误读了。原始的HTML是无效的。我不相信这种逻辑是有效的。我已经测试过了，它不会改变成本值

<option value="" ></option>