Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 计数和显示组合选择选项值_Javascript - Fatal编程技术网

Javascript 计数和显示组合选择选项值

Javascript 计数和显示组合选择选项值,javascript,Javascript,如何检查select选项值的组合和,并使用javascript在另一个输入中显示它们 <form> <select id="first"> <option value="1">1</option> <option value="2">2</option> </select> <select id="second"> <opt

如何检查select选项值的组合和,并使用javascript在另一个输入中显示它们

<form>
    <select id="first">
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    <select id="second">
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
    <input value="combined sum of select value for id='first', id='second'" type="number">
</form>

1.
2.
3.
4.

是的,谷歌是一个找到你想要的东西的好主意

查找Javascript基础知识和jQuery教程。 我可以推荐,他们有非常好的免费在线课程。(需要注册,但有很多免费课程。)这些课程很有趣。它们都是以短视频的形式呈现出来的,之后你必须运用这些知识来通过练习。 如果你在某一点上陷入困境,总会有好的提示来解决考试

您要查找的内容与下面的脚本类似

要选择选项,您可以使用
$('#first').val()
并跟踪更改,您将使用更改事件的事件处理程序
$('#first')。on('change',function(){…}

var加法器=(函数($){
var first=0;
var秒=0;
var init=函数(){
first=getOption(“#first”);
second=getOption(“#second”);
var结果=相加(第一,第二);
//console.log(result);//用于在浏览器控制台中调试
更新(结果);
//console.log(第一,第二);
};
var getOption=函数(选择器){
返回parseInt($(选择器).val());
};
var add=函数(a,b){
返回a+b;
};
变量更新=函数(值){
$(“#结果”).val(值);
};
//事件处理程序
$('#first')。在('change',function()上{
first=getOption(“#first”);
更新(添加(第一,第二));
});
$('#second')。on('change',function(){
second=getOption(“#second”);
更新(添加(第一,第二));
});
返回{init:init};
})(jQuery);
$(函数(){
//调用了.ready()的处理程序。
adder.init();
});

1.
2.
3.
4.

下面的代码将使用JavaScript将HTML元素添加到一起

<input type="number" id="first" value="1"></input>
    <input type="number" id="second" value="2"></input>
    <button onclick="counter()">add</button>
    <p id="display"></p>
<script>
function counter() {
        var first = Number(document.getElementById("first").value);
        var second = Number(document.getElementById("second").value);
        var x = first + second;
        document.getElementById("display").innerHTML = x;
    }
</script>

添加

函数计数器(){ var first=编号(document.getElementById(“first”).value); var second=编号(document.getElementById(“second”).value); var x=第一个+第二个; document.getElementById(“display”).innerHTML=x; }
到目前为止您尝试了什么,发现了什么问题?(或者,这是为您编写代码的请求吗?@BobBrown,请原谅,我当然不想让别人为我编写代码。我对javascript非常陌生,很好地一起编写代码。我希望从哪里开始。好的。尝试键入“javascript获取select的值”进入谷歌。