Question

我的表单上有两个输入框。一个是下拉选择，另一个是文本框。

我需要根据选择框中选择的内容更新文本框值。例如，如果我选择＆＃34; 1＆＃34;在选择框中，文本框值应为＆＃34; 299.00＆＃34;如果我选择＆＃34; 2＆＃34;，文本框值应为＆＃34; 399.0＆＃34;

你可以帮我编辑代码吗？先谢谢你。

这是我的HTML代码：

<select style="width: 25%;height:25px;margin-left:15px;" onchange="ChooseContact(this)">
<option id="extra1" value='1'>1</option>
<option id="extra2" value='2'>2</option>
</select>
<input style="width: 25%;margin-left:15px;" id="extraper">

这是javascript：

function ChooseContact(data) {

    var x = 0;
    var y = 0;
    var e = obj.id.toString();
        if (e == 'tb1') {
            x = Number("PHP 299");
            y = document.getElementById ("extraper").value = x;
        }
};

我确定我的javascript错误。你能帮帮我吗？

Answer 1

使用jQuery，您想要的代码非常简单;检查这个小提琴：https://jsfiddle.net/u3Ljpeyk/

HTML：

<select name="extra" id="extraselect">
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<input type="text" id="extrawrapper">

JS：

$('#extraselect').on('change', function() {
    var extraVal = $(this).val();
    if (extraVal == '1') {
        $('#extrawrapper').val('299.00');
    } else if (extraVal == '2') {
        $('#extrawrapper').val('399.00');
    }
});

Answer 2

您可以为select添加Id，并使用find getElementById（）函数获取对select的引用

function ChooseContact() {

    var x = 0;
    var y = 0;
    var e = document.getElementById ('myselect');
    var  selectedoption= Number(e.value)+1;
	var result= selectedoption+'99.0';
	var myInput= document.getElementById ('extraper');
	myInput.value=result;
};

<select id="myselect" style="width: 25%;height:25px;margin-left:15px;" onchange="ChooseContact()">
<option id="extra1" value='1'>1</option>
<option id="extra2" value='2'>2</option>
</select>
<input style="width: 25%;margin-left:15px;" id="extraper"/>

如何使用JavaScript基于selectbox更新文本框值？

2 个答案: