Question

如何获取某些值并计算它并将值设置为特定输入字段。

此处jsfiddle链接

<div class="form-group">
    <label for="Category" class="col-sm-2 control-label">Category</label>
    <div class="col-sm-4">
        <select id="category" placeholder="Category" name="Category"></select>
        <script>
            $('#category').selectize({
                maxItems: null,
                valueField: 'id',
                labelField: 'title',
                searchField: 'title',
                options: [{
                    id: 'tiny',
                    title: 'Tiny'
                }, {
                    id: 'small',
                    title: 'Small'
                }, {
                    id: 'big',
                    title: 'Big'
                }],
                create: true
            });
        </script>
    </div>
<label for="price" class="col-sm-2 control-label"> </label>
    <div class="col-sm-4">
        <select id="price" placeholder="Price" name="price"></select>
        <script>
            $('#price').selectize({
                maxItems: null,
                valueField: 'id',
                labelField: 'title',
                searchField: 'title',
                options: [{
                    id: '8000',
                    title: '8000'
                }, {
                    id: '11000',
                    title: '11000'
                }, {
                    id: '13000',
                    title: '13000'
                }],
                create: true
            });
        </script>
    </div>
</div>

因此，如果用户输入很小，价格的输入字段会自动将值设置为8000，依此类推。还有datepicker

<div class="form-group">
    <label for="datecheckout" class="col-sm-2 control-label">Date Checkout</label>
    <div class="col-sm-4">
        <div class="input-group date" id="datepicker">
            <input type="text" class="form-control" ng-model="test"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>

        </div>
        <script>
            $('#datepicker').datepicker({
                language: "id",
                forceParse: false,
                autoclose: true,
                todayHighlight: true,
                format: 'dd/mm/yyyy'
            });
        </script>
    </div>
    <label for="datearrive" class="col-sm-2 control-label">Date Arrive</label>
    <div class="col-sm-4">
        <div class="input-group date" id="datepicker2">
            <input type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>

        </div>
        <script>
            $('#datepicker2').datepicker({
                language: "id",
                autoclose: true,
                todayHighlight: true,
                format: 'dd/mm/yyyy'
            });
        </script>
    </div>
</div>

如果它是一个很小的类别，＃datepicker2加上8天到#datepicker的任何值。如果是小类，＃datepicker2加10天到#datepicker的任何值，依此类推。是的，我一直在玩angularjs，但也不知道如何动态地为输入字段赋予一些价值。

请帮助，我感谢您的回答。抱歉我的英语顺便说一句，我希望你能理解：D

Answer 1

我不确定我是否完全明白你要做什么，但这可以帮到你。在输入上，选择......您可以使用JQuery change event在更改后执行操作，选择完成。

这是一个简单的例子：在select框中选择一个元素后，input会使用所选值进行更新。

<select id='pick'>
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select><br><br>

<input id='selected'/>

$('#pick').change( function() {
    $('#selected').val('YOU SELECTED: ' + $('#pick').val());
});

您可以在您的示例中应用此功能。 See Example

<强>更新

此示例将价格值设置为＆＃39; 8000＆＃39;如果＆＃39;微小＆＃39;在类别中选择：

$('#category').change( function() {
    var selected = $('#category').val();
    if(selected == 'tiny') {
        var selectize_tags = $("#price")[0].selectize;
        selectize_tags.setValue('8000');
    }
});

See Example 2

计算并自动将值设置为输入字段

1 个答案: