JSFiddle - React, Tailwind, and code Playground

by jellybool

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div id="app">
<div class="form-group">
            <div class="col-sm-2 control-label">
            测试</div>
            <div class="col-sm-10">
                <select name="select_pri">
                    <option value="1">A</option>
                    <option value="2">B</option>
                    <option value="3">C</option>
                    <option value="4">D</option>
                </select>
            </div>
        </div>
<!--测试1-->
        <div class="form-group">
            <div class="col-sm-2 control-label">
            男士</div>
            <div class="col-sm-10">
            <input type="text" name="men" v-model="men" class="form-control">
            </div>
        </div>
        </div>

JavaScript

$(document).ready(function () {
            $(':input[name=select_pri]').change(function () {
                var key = $(this).val();
                console.debug('ID:' + key);
                $(':input[name=men]').val(key);
            });
        });
        var vue = new Vue({
            el: '#app',
            data: {
                men: $(':input[name=men]').val()
            },
        });