获取输入值的Javascript函数

我已经用多个按钮编写了代码，每个按钮都有不同的值。 我试图在javascript函数中获得该值

  <form action="https://www.bing.com" method="get">
    <input class="input" type="text" name="q" id="field" autofocus>
    <div class="buttons">
      <input type="submit" class="button" id="x1" name="x1" value="Bing"> 
      <input type="submit" class="button" id="x2" name="x2" value="Google">
      <input type="submit" class="button" id="x3" name="x3" value="Yahoo"> 
      <input type="submit" class="button" id="x4" name="x4" value="Duck">
      <input type="submit" class="button" id="x5" name="x5" value="Ask"> 
      <input type="submit" class="button" id="x6" name="x6" value="Aol.">
    </div>
  </form>
</div>

<script>
  var form = document.querySelector('form');
  var input = document.getElementById('field');
    var x = document.getElementById('x1').value;

  form.addEventListener('submit', function(ev) {
    ev.preventDefault();

    if(x=="Bing") {

    var redirect = 'https://google.com/search?q=' + input.value; }

    window.location = redirect;
  });
</script>

var form=document.querySelector（'form'）；
var input=document.getElementById（'field'）；
var x=document.getElementById（'x1'）。值；
表单.addEventListener（'submit'，函数（ev）{
ev.preventDefault（）；
如果（x==“必应”）{
var重定向https://google.com/search?q='+input.value；}
window.location=重定向；
});

此处输入提交仅在右键单击时设置值？如果我尝试将所有提交接口ID命名为xx，那么我可以得到函数中单击的按钮。我想在单击相应的提交按钮后执行不同的重定向。（多个提交操作：

---

这个问题不是重复的，它是特定于JS和这种情况）

你可以考虑如下：让按钮常规按钮<代码> 你可以考虑如下：让按钮常规按钮<代码> 脚本将无法按你写的方式工作。以下是一些准则：

处理提交按钮的单击事件。将其

值

存储在某个地方，比如在另一个变量中，

缓存

在表单的提交事件中…检索上述值（

cache.value

），然后执行重定向逻辑

编辑：

var form=document.querySelector（'form'）；
var input=document.getElementById（'field'）；
var cache={}//全局存储值。。。
var buttons=document.queryselectoral（'input.button'）；
对于（变量x=0，j=buttons.length；x

这不是最好的方法……但你最终会成功的；）

---

（基于fiddle）。

脚本将无法按照您编写的方式工作。以下是一些准则：

处理提交按钮的单击事件。将其

值

存储在某个地方，比如在另一个变量中，

缓存

在表单的提交事件中…检索上述值（

cache.value

），然后执行重定向逻辑

编辑：

var form=document.querySelector（'form'）；
var input=document.getElementById（'field'）；
var cache={}//全局存储值。。。
var buttons=document.queryselectoral（'input.button'）；
对于（变量x=0，j=buttons.length；x

这不是最好的方法……但你最终会成功的；）

---

（基于fiddle）。

您可以在按钮上使用数据属性，然后单击“更新表单操作…”

<form action="https://www.bing.com" method="get">
    <input class="input" type="text" name="q" id="field" autofocus />
    <div class="buttons">
        <input type="submit" class="button" id="x1" name="x1" value="Bing" data-target="https://www.bing.com" /> 
        <input type="submit" class="button" id="x2" name="x2" value="Google" data-target="https://google.com/search?q=" />
    </div>
</form>
<script>
var form = document.querySelector('form');
var input = document.getElementById('field');

var buttons = document.getElementsByClassName("button");
for(var i=0; i<buttons.length; i++) {
    buttons[i].addEventListener("click", function(e) {
        form.action = this.dataset.target;
    });
}

form.addEventListener('submit', function(ev) {
    ev.preventDefault();
    console.log(form.action);
});
</script>

var form=document.querySelector（'form'）；
var input=document.getElementById（'field'）；
var buttons=document.getElementsByClassName（“按钮”）；
对于（var i=0；i您可以在按钮上使用数据属性，然后单击“更新表单”操作

<form action="https://www.bing.com" method="get">
    <input class="input" type="text" name="q" id="field" autofocus />
    <div class="buttons">
        <input type="submit" class="button" id="x1" name="x1" value="Bing" data-target="https://www.bing.com" /> 
        <input type="submit" class="button" id="x2" name="x2" value="Google" data-target="https://google.com/search?q=" />
    </div>
</form>
<script>
var form = document.querySelector('form');
var input = document.getElementById('field');

var buttons = document.getElementsByClassName("button");
for(var i=0; i<buttons.length; i++) {
    buttons[i].addEventListener("click", function(e) {
        form.action = this.dataset.target;
    });
}

form.addEventListener('submit', function(ev) {
    ev.preventDefault();
    console.log(form.action);
});
</script>


var form=document.querySelector（'form'）；
var input=document.getElementById（'field'）；
var buttons=document.getElementsByClassName（“按钮”）；
对于（var i=0；i尝试这样做。对我有效

    <input class="input" type="text" name="q" id="field" autofocus>
    <div class="buttons">
      <input type="submit" class="button" id="x1" name="x1" value="Bing"> 
      <input type="submit" class="button" id="x2" name="x2" value="Google">
      <input type="submit" class="button" id="x3" name="x3" value="Yahoo"> 
      <input type="submit" class="button" id="x4" name="x4" value="Duck">
      <input type="submit" class="button" id="x5" name="x5" value="Ask"> 
      <input type="submit" class="button" id="x6" name="x6" value="Aol.">
    </div>

</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>


<script>

$(".button").on("click", function(e){
e.preventDefault();
var x = $(this).attr("value");
var redirect = "" 
if (x=="Google")
{

 window.location = "https://google.com/search?q=" + $(".input").val();

}

});

</script>


$（“.button”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
var x=$（this.attr（“value”）；
var redirect=“”
如果（x==“谷歌”）
{
window.location=”https://google.com/search?q=“+$（“.input”）.val（）；
}
});

展开if条件以获得更多搜索选项

谢谢
像这样试试。对我有用

    <input class="input" type="text" name="q" id="field" autofocus>
    <div class="buttons">
      <input type="submit" class="button" id="x1" name="x1" value="Bing"> 
      <input type="submit" class="button" id="x2" name="x2" value="Google">
      <input type="submit" class="button" id="x3" name="x3" value="Yahoo"> 
      <input type="submit" class="button" id="x4" name="x4" value="Duck">
      <input type="submit" class="button" id="x5" name="x5" value="Ask"> 
      <input type="submit" class="button" id="x6" name="x6" value="Aol.">
    </div>

</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>


<script>

$(".button").on("click", function(e){
e.preventDefault();
var x = $(this).attr("value");
var redirect = "" 
if (x=="Google")
{

 window.location = "https://google.com/search?q=" + $(".input").val();

}

});

</script>


$（“.button”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
var x=$（this.attr（“value”）；
var redirect=“”
如果（x==“谷歌”）
{
window.location=”https://google.com/search?q=“+$（“.input”）.val（）；
}
});

展开if条件以获得更多搜索选项

谢谢
请尝试下面的代码，它应该可以工作


var input=document.getElementById（'field'）；
$（'.button'）。单击（函数（ev）{
如果（ev.target.value==“谷歌”）{
位置=”https://google.com/search?q=“+输入值；
}//使用“else if”在此处添加更多案例
窗口位置=位置；
})
尝试下面的代码它应该可以工作


var input=document.getElementById（'field'）；
$（'.button'）。单击（函数（ev）{
如果（ev.target.value==“谷歌”）{
位置=”https://google.com/search?q=“+输入值；
}//使用“else if”在此处添加更多案例
窗口位置=位置；
})

什么是
xx
？您遗漏了一些控件…或者…是打字错误吗？此链接可以帮助您。简而言之，它说：if（$\u REQUEST['Operation']='Update'）{//Do Update here..}else if（$\u REQUEST['Operation']='Insert'）{//Do Insert here@Deowalk我写这篇文章是想说xx可以是x1，x2中的任何一个…糟糕的是，我漏掉了那一点…）什么是
xx
？你漏掉了一些控件…或者…是打字错误吗？这个链接可以帮助你。简言之，它说：if（$\u REQUEST['Operation']='Update'）{//Do Update here.}如果（$\u REQUEST['Operation']='Insert'））{//Do insert here}@deowalk我写这篇文章是想说xx可以是x1，x2中的任何一个…糟糕的是，我错过了那一点…：）谢谢。你能解释一下，如果我必须为第一个按钮写代码的话。另外，你能不能