javascript - 按下提交时将选择的索引移动到文本字段中

Question

我想在按下提交按钮时将选择的索引复制到文本字段中。例如，我想在选择选项时将选择列表中选项的名称“会计”复制到文本框中。这是 HTML：

<form action = "">
    <select name = "job_term_cat">
      <option value="----">--Select--</option>
      <option value="roma">Accountant</option>
      <option value="torino">Cashier</option>
      <option value="milan">Lawyer</option>
    </select>
    <br/>
    <br/>

    <input type="text" name="job_title" value="" />
    <input type="submit" value="Test">
</form>

这是我认为适用于提交按钮的 JavaScript，它不返回所单击选项的索引。

<p><input type="submit" 
onclick="var s= this.form.element[job_term_cat]; 
    this form.elements[job_title].value= s.options[s.selectedIndex].textContent"
class="submit" name="job_submit" 
value="<?php _e('Next &rarr;', 'myapp'); ?>"  /></p>

Answer 1

好吧，你的语法有一些错误，例如 not var s= this.form.element[job_term_cat];butvar s= this.form.elements[job_term_cat];

这是工作代码：

编辑：我放错了一些名字，检查一下：

<p><input type="submit" onclick="this.form.elements['job_title'].value = this.form.elements['job_term_cat'].selectedIndex" class="submit" name="job_submit" value="<?php _e('Next &rarr;', 'myapp'); ?>"  /></p>

Answer 2

var s= this.form.elements['job_term_cat']; 

（注意元素中的 s 和引号）

this form.elements['job_title'].value= s.options[s.selectedIndex].textContent;

（注意引号）