title: how to make value of select option equal to the name of select option
body: <p><img src="https://i.stack.imgur.com/41FT9.png" alt="enter image description here" /></p>
  <pre><code>```
  </code></pre>
  <h2><strong>why id of select option not equal to select option name</strong>
  <strong>why id of select option not equal to select option name</strong></h2>
  <pre><code>componentDidMount() {
      axios
      .get(&quot;http://localhost:5000/Client&quot;)
      .then((response) =&gt; {
      this.setState({ client: [...response.data] });
      console.log(response.data);
    })
    .catch((err) =&gt; console.log(err));
   axios
     .get(&quot;http://localhost:5000/articles&quot;)
     .then((response) =&gt; {
      this.setState({ codeArticleList: [...response.data] });
      console.log(response.data);
      })
    .catch((err) =&gt; console.log(err));
    console.log(this.state.codeArticleList);
  }
   handleChangeCdArt = (e) =&gt; {
  this.setState({
    codeArtValue: e.target.value,
    });
    console.log(this.state.codeArtValue);
    };
  </code></pre>
  <pre><code>**why id of select option not equal to select option name**
  </code></pre>