zoukankan      html  css  js  c++  java
  • 28.json数组,select选择,input输出对应数据

    效果:选择对应的车类,下面的input会实时出现车价。

    html:

    <form action="" class="priceModelform1">
    <!-- select选择  motorcycle1 -->
    <select class="motorcycle1" name="motorcycle1" id="motorcycle1" onchange="motorcycleChange1()" >
    <option value="">请选择</option>
    <option value="0">汽车</option>
    <option value="3">轿车</option>
    </select>
    <!-- input输出数据  purchase1 -->
    <input class="purchase1" type="number" readonly="readonly" value="">

    </form>

    js:

    var cartConfig={
    "0":{"purchaseMoney":10},
    "3":{"purchaseMoney":7.5}};
    function motorcycleChange1(){
    var motorcycle1= $("#motorcycle1 option:selected").val();
    //console.log(motorcycle1);
    var a= $(".purchase1").val(cartConfig[motorcycle1].purchaseMoney);
    //console.log(a);
    }

     

  • 相关阅读:
    bootstrap
    bootstrap
    bootstrap
    【k8s】Pod-terminationGracePeriodSeconds
    【k8s】Pod-tolerations
    【k8s】Pod-nodeSelector
    【k8s】Pod-nodeName
    【k8s】Pod-hostname
    【k8s】Pod-hostPID
    【k8s】Pod-hostNetwork
  • 原文地址:https://www.cnblogs.com/sqyambition/p/8503494.html
Copyright © 2011-2022 走看看