Question

有没有办法在没有表单或提交按钮的同一页面网址上传递文本框值我有javascript function但是function适用于drop down values not for text box values?我需要发送文本框值没有表格和提交按钮的同一页面网址

现在这是此页面下拉页面下拉页面传递到同一页面网址，但现在我很困惑如何在不使用此javascript函数的相同页面网址上发送文本框值而无需提交或提交按钮？

function getComboB(sel) { 
var customers=document.getElementById("customers");
var value = sel.options[sel.selectedIndex].value;
addreceivable.action = "addreceivable.php?customers="+value+"";
addreceivable.submit();
}
<form name="addreceivable" id="addreceivable">
<select name="customers" id="customers">
<option value="Test">Test</option>
<option value="Demo">Demo</option>
<option value="Check">Check</option> 
</select>
<input type="submit" name="test" id="test" value="Submit">
</form>

现在我的问题在这里解决了我已经完成了我的代码在同一页面上传递文本框值而没有使用javascript函数的提交按钮

function getComboB(sel) { 
var textbox=document.getElementById("textbox");
var input_val = document.getElementById("textbox").value;
addreceivable.action = "test2.html?textbox="+input_val+"";
addreceivable.submit();
}

<form name="addreceivable" id="addreceivable">
<input name="textbox" class="textbox" onchange="getComboB();">
</form>

感谢所有朋友！

Answer 1

使用文本框使用.val（）来获取它的值。我相信这是jQuery，所以你可能需要它。

function getTextbox() {
   var textbox = $('input.textbox').val();
   //Do what you want with textbox now
}
<input name="textbox" class="textbox">

Answer 2

function getComboB(sel){
     //your other code
     //new code here
     var input_val = document.getElementById("id of your textbox").value;
}

您可以使用它来监听文本框中的更改：

document.getElementById("id of your textbox").addEventListener("change", getComboB);

以上行会听取在文本框中输入内容，然后调用您的函数getComboB()，此时您将获得文本框的值。

在没有表单的同一页面url上传递文本框值或使用jquery或javascript提交按钮

2 个答案: