Fatal编程技术网
  • javascript/
  • Javascript 是否可以更改文本框内或文本框外的某个数字以及某些文本更改下拉列表

Javascript 是否可以更改文本框内或文本框外的某个数字以及某些文本更改下拉列表

javascript html

Javascript 是否可以更改文本框内或文本框外的某个数字以及某些文本更改下拉列表,javascript,html,Javascript,Html,我有一个文本框，在“更改”下拉列表中以不同单位显示面积（平方米）……我试图在文本框中显示单位（如54平方米或45平方英尺）以及面积值。。。。。。 或者文本框外的单位。。。。 请帮忙 <body> <form> Select unit: <select id="myList" onchange="myFunction(this.value);prop(this.value)"> <option

我有一个文本框，在“更改”下拉列表中以不同单位显示面积（平方米）……我试图在文本框中显示单位（如54平方米或45平方英尺）以及面积值。。。。。。 或者文本框外的单位。。。。 请帮忙

<body>
    <form>
        Select unit:
        <select id="myList" onchange="myFunction(this.value);prop(this.value)">
            <option>
            </option>
            <option value="1">
                meter 
            </option>
            <option value="3.29">
                Feet
            </option>
            <option value="4">
                Inches
            </option>
            <option value="7">
                centimeter
            </option>
            <option value="2">
                meter
            </option>
        </select>
        </br>
        select decimal points:
        <select id="g" onchange="myFunction('myList',this.id);prop('myList',this.id)"
        ;>
            <option value="0">
            </option>
            <option value="1">
                1
            </option>
            <option value="2">
                2
            </option>
            <option value="3">
                3
            </option>
            <option value="4">
                4
            </option>
            <option value="5">
                5
            </option>
            <option value="6">
                6
            </option>
        </select>
        <p> diameter:
            <input type="text" id="txtdia" onchange="myFunction();prop()" ;/>
            </div>
        </p>
        <p>
            Your new diameter is:
            <input type="text" id="favorite" size="20" onchange="myFunction()">
        </p>
        <p>
            Your Circumference is:
            <input type="text" id="circum" size="20" />
            <input type="button" value="calculate" onclick="prop()" />
        </p>
    </form>


<script>
function myFunction() {
var mylist = document.getElementById("myList");
//var dia=null;
var dia = document.getElementById("txtdia").value;
var g = document.getElementById("g");
var g = g.options[g.selectedIndex].value;
var newdia = dia / myList.options[myList.selectedIndex].value;
document.getElementById("favorite").value = newdia.toPrecision(g);}

 function prop() {
var dia = document.getElementById("txtdia").value;
var myList = document.getElementById("myList");
var g = document.getElementById("g");
var g = g.options[g.selectedIndex].value;
var circumf = dia * 3.14 / myList.options[myList.selectedIndex].value;
document.getElementById("circum").value = circumf.toPrecision(g);}
    </script>


选择单位：
米
脚
英寸
厘米
米


选择小数点：
1.
2.
3.
4.
5.
6.
直径：



您的新直径为：



你的周长是：


函数myFunction（）{
var mylist=document.getElementById（“mylist”）；
//var-dia=null；
var dia=document.getElementById（“txtdia”）.value；
var g=document.getElementById（“g”）；
var g=g.options[g.selectedIndex]。值；
var newdia=dia/myList.options[myList.selectedIndex].value；
document.getElementById（“favorite”）.value=newdia.toPrecision（g）；}
函数prop（）{
var dia=document.getElementById（“txtdia”）.value；
var myList=document.getElementById（“myList”）；
var g=document.getElementById（“g”）；
var g=g.options[g.selectedIndex]。值；
var-contrif=dia*3.14/myList.options[myList.selectedIndex].value；
document.getElementById（“环”）.value=circuf.toPrecision（g）；}
在
prop（）
函数的最后一行，将其更改为：

document.getElementById("circum").value = circumf.toPrecision(g) + " " + myList.options[myList.selectedIndex].text;

document.getElementById("favorite").value = newdia.toPrecision(g) + " " + myList.options[myList.selectedIndex].text;
在
myFunction（）
函数的最后一行，将其更改为：

document.getElementById("circum").value = circumf.toPrecision(g) + " " + myList.options[myList.selectedIndex].text;

document.getElementById("favorite").value = newdia.toPrecision(g) + " " + myList.options[myList.selectedIndex].text;
也许这就是你要找的？它基本上只是在文本字段中添加一个空格和所选下拉选项的文本值

请发布您尝试过的代码。这似乎非常简单，但请发布一些代码，以便我们在更全面的方面提供帮助way@cr0ss,@j08691..这是代码…文本框在更改下拉列表中的单位和小数点后显示计算的直径和周长…但我想显示…单位以及计算值。您的表单没有太多意义。哪些值与单位关联？您正在尝试从一个单元转换到另一个单元吗？另外，对于未来的编辑器，这里有一个基础，您可以用于发布的代码OP。@laughtprovider…感谢加载它的工作。。。