angularjs 无法获取文本框中所选名称的值

rjee0c15  于 2022-11-21  发布在  Angular
关注(0)|答案(2)|浏览(138)

我正在从服务器获得响应并将其存储到tax变量中,我的代码是在第一个下拉列表中获得税名,我还想在下一个文本框中显示相应的值,但它不起作用。
第一个
如何获取文本框中选定名称的值。

nwlqm0z1

nwlqm0z11#

在ng选项中,将整个对象分配给ng-model并访问它。

<select name="name" ng-model="selected" ng-options="e as e.name for e in taxes" class="form-control" ng-required="true"></select>
<input type="text" name="name" ng-model="selected.value" class="form-control" ng-required="true" ng-value="e.value">

演示
第一次

ctrmrzij

ctrmrzij2#

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>icecream</title>
    <script type="text/javascript">
        function choose(){
        var x=myform.select.value;
        if(x=="vanilla"){
            myform.input.value="you picked["+x+"]";
        }
        else if(x=="strawberry"){
            myform.input.value="you picked["+x+"]";
        }
        else if(x=="chocolate"){
            myform.input.value="you picked["+x+"]";
        }
        else if(x=="kesar pista"){
            myform.input.value="you picked["+x+"]";
        }
        else{
            myform.input.value="you picked["+x+"]";
        }
    }
    </script>
</head>
<body>
    <form name="myform">
        <select name="select" onclick="choose()">
            <option>ICECREAM FLAVOUR</option>
            <option value="vanilla">vanilla</option>
            <option value="strawberry">strawberry</option>
            <option value="chocolate">chocolate</option>
            <option value="kesar pista">kesar pista</option>
            <option value="blueberry">blueberry</option>
        </select>
        <input  name="input" id="input" value=""/>
    </form>
</body>
</html>

相关问题